@charset 'UTF-8';

@font-face {
  font-family: 'RivieraNights';
  src: url(RivieraNights/RivieraNights-Regular-WebS.woff2) format('woff2'),
  url(./RivieraNights/RivieraNights-Regular-WebS.woff) format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'RivieraNights';
  src: url(RivieraNights/RivieraNights-RegularItalic-WebS.woff2) format('woff2'),
  url(./RivieraNights/RivieraNights-RegularItalic-WebS.woff) format('woff');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'RivieraNights';
  src: url(RivieraNights/RivieraNights-Bold-WebS.woff2) format('woff2'),
  url(./RivieraNights/RivieraNights-Bold-WebS.woff) format('woff');
  font-weight: 700;
}

@font-face {
  font-family: 'RivieraNights';
  src: url(RivieraNights/RivieraNights-BoldItalic-WebS.woff2) format('woff2'),
  url(./RivieraNights/RivieraNights-BoldItalic-WebS.woff2) format('woff');
  font-weight: 700;
  font-style: italic;
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
 picture {
  display: block;
  position: relative;
  width: 100%;
 }
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}


html {
  color: #000;
  font-size: 16px;
  font-family: 'RivieraNights', 'Noto Sans JP', sans-serif;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  body a:hover {
    opacity: 0.6;
  }
}

img {
  max-width: 100%;
}

/* wrap */
.wrap { position: relative; }

@media screen and (min-width: 768px) {
  .wrap { margin: 0 auto; padding: 0 20px; max-width: 1060px; }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.l-frame {
  margin: 0 20px;
}
@media screen and (min-width: 768px) {
  .l-frame {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 148px;
  }
}

:root {
  --vh: 7px;
}

.p-header {
  position: absolute;
  top: 0;
  width: 100%;
  height: 44px;
  background: #fff;
  -webkit-transition: top 400ms;
  transition: top 400ms;
}
.p-header.is-scrolled {
  position: fixed;
  top: -44px;
  -webkit-transition: none;
  transition: none;
  z-index: 199;
}
.p-header.is-scrolled-up {
  position: fixed;
  top: 0;
  -webkit-transition: top 400ms;
  transition: top 400ms;
}

@media screen and (max-width: 767px) {
  .p-header { z-index: 10; }
}

@media screen and (min-width: 768px) {
  .p-header { height: 80px; }
  .p-header.is-scrolled { top: -80px; height: 60px; }
  .p-header.is-scrolled-up { top: 0; }
}

.p-header-spacer {
  height: 44px;
}
@media screen and (min-width: 768px) {
  .p-header-spacer {
    height: 80px;
  }
}

.p-header-logo {
  position: fixed;
  top: 12px;
  left: 28px;
  width: 44px;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .p-header-logo { top: 24px; left: 50px; width: 88px; z-index: 1000; }
}

.p-header-logo--huntingworld { position: absolute; top: 12px; left: 50%; margin: 0 0 0 -54px; width: 108px; height: 18px; }
.p-header-logo--huntingworld > a { display: block; width: 100%; height: 100%; }

@media screen and (min-width: 768px) {
  .p-header-logo--huntingworld { top: 20px; margin-left: -101px; width: 202px; height: 34px; z-index: 1000; }
}

.p-header-menu-button {
  position: absolute;
  top: 0;
  right: 20px;
  height: 44px;
  margin: 0;
  font-size: 0.75rem;
  -webkit-transition: height 400ms;
  transition: height 400ms;
}
.p-header-menu-button button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  line-height: 44px;
}
.p-header-menu-button button.is-opened {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-header-menu-button {
    display: none;
  }
}

.p-header-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh) * 100);
  padding: 44px 40px;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
}
.p-header-nav.is-opened {
  opacity: 1;
  visibility: visible;
}
.p-header-nav a {
  color: inherit;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .p-header-nav { position: fixed; overflow-y: auto; }
}

@media screen and (min-width: 768px) {
  .p-header-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: 80px;
    padding: 0 44px 0 0;
    color: inherit;
    opacity: 1;
    visibility: visible;
    -webkit-transition: top 400ms;
    transition: top 400ms;
  }
  .p-header-nav.is-scrolled {
    position: fixed;
    height: 60px;
    top: -80px;
    -webkit-transition: none;
    transition: none;
  }
  .p-header-nav.is-scrolled-up {
    top: 0;
    -webkit-transition: top 400ms;
    transition: top 400ms;
  }
}

@media screen and (min-width: 768px) and (max-width: 1160px) {
  .p-header-nav { padding-right: 16px; }
}

.p-header-nav-panel {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh) * 100);
  background: rgba(14, 33, 12, 0.9);
  mix-blend-mode: multiply;
  opacity: 0;
  visibility: hidden;
  z-index: 998;
}
.p-header-nav-panel.is-opened {
  opacity: 1;
  visibility: visible;
}
@media screen and (min-width: 768px) {
  .p-header-nav-panel {
    display: none;
  }
}

.p-header-nav__close button {
  position: relative;
  width: 19px;
  height: 19px;
  position: absolute;
  top: 15px;
  right: 15px;
  margin: 0;
  text-indent: -9999px;
  background: none;
  border: none;
}
.p-header-nav__close button::before, .p-header-nav__close button::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 11.2px);
  left: calc(50% - 1.5px);
  width: 3px;
  height: 22.4px;
  background: #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.p-header-nav__close button::after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
@media screen and (min-width: 768px) {
  .p-header-nav__close {
    display: none;
  }
}

.p-header-nav__list {
  list-style: none;
  margin: 0 0 15px;
  padding: 0;
  font-size: 1.0625rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-header-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    font-size: 0.625rem;
    font-weight: 400;
  }
}

.p-header-nav__item > a, .p-header-nav__item--spacer > a {
  display: inline-block;
  margin: 0 0 10px;
}
@media screen and (min-width: 768px) {
  .p-header-nav__item, .p-header-nav__item--spacer {
    position: relative;
    margin: 0 22px 0 0;
  }
  .p-header-nav__item > a, .p-header-nav__item--spacer > a {
    margin: 0;
    padding: 5px;
  }
}

.p-header-nav__list-2 {
  list-style: none;
  margin: 0 0 30px 12px;
  padding: 0;
  font-size: 0.75rem;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .p-header-nav__list-2 {
    pointer-events: none;
    position: absolute;
    right: 0;
    /* transition: opacity 0.4s ease; */
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 20px 28px;
    color: #fff;
    font-size: 0.625rem;
    white-space: nowrap;
    background: #0e210c;
    opacity: 0;
    visibility: hidden;
  }
  .p-header-nav__item:hover .p-header-nav__list-2,
  .p-header-nav__item--spacer:hover .p-header-nav__list-2 { pointer-events: inherit; opacity: 1; visibility: visible; }
}

.p-header-nav__item-2 > a,
.p-header-nav__item-2 > span {
  display: inline-block;
  margin-bottom: 3px;
}

.p-header-nav__item--spacer {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-header-nav__item--spacer {
    display: block;
    width: calc(58px - 22px);
    height: 1px;
  }
}

.p-header-nav__sns-list {
  list-style: none;
  margin: 0 0 25px;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .p-header-nav__sns-list {
    margin: 0;
    line-height: 1;
  }
}

.p-header-nav__sns-item--youtube, .p-header-nav__sns-item--instagram {
  display: inline-block;
  margin: 0 20px 0 0;
}
.p-header-nav__sns-item--youtube a, .p-header-nav__sns-item--instagram a {
  display: block;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
@media screen and (min-width: 768px) {
  .p-header-nav__sns-item--youtube, .p-header-nav__sns-item--instagram {
    margin: 0;
  }
}

.p-header-nav__sns-item--instagram a {
  background-image: url(../img/common/icon_instagram_01_white.svg);
}
@media screen and (min-width: 768px) {
  .p-header-nav__sns-item--instagram a {
    width: 16px;
    height: 16px;
    background-image: url(../img/common/icon_instagram_01.svg);
  }
}

.p-header-nav__sns-item--youtube a {
  background-image: url(../img/common/icon_youtube_01_white.svg);
  width: 36px;
}
@media screen and (min-width: 768px) {
  .p-header-nav__sns-item--youtube {
    display: none;
  }
}

.p-header-nav__policy {
  margin: 0 0 5px;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 768px) {
  .p-header-nav__policy {
    display: none;
  }
}

.p-header-nav__copy {
  margin: 0;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 768px) {
  .p-header-nav__copy {
    display: none;
  }
}

.topicpath { display: flex; position: absolute; top: 32px; left: 178px; margin: 0; padding: 0; list-style: none; z-index: 999; }
.topicpath-item { font-size: 0.625rem; line-height: 1.2; }
.topicpath-item > a { display: inline-block; text-decoration: none; vertical-align: top; }
.topicpath-item > a::after { content: '>'; padding: 0 0.2em; }

@media screen and (max-width: 767px) {
  .topicpath { display: none; }
}

@media screen and (min-width: 768px) and (max-width: 1440px) {
  .p-header-nav { padding-right: 20px; }
  .p-header-nav__item { margin-right: 10px; }
  .p-header-nav__item--spacer { display: none; }
}

@media screen and (min-width: 768px) and (max-width: 1120px) {
  .p-header-logo { left: 20px; }
  .p-header-logo--huntingworld { top: 14px; left: 130px; margin-left: 0; width: 160px; height: 27px; }
  .home .p-header-logo--huntingworld { top: 20px; }
  .topicpath { top: 54px; left: 130px; }
}

.p-main { padding-bottom: 44px; }
.home .p-main { padding-bottom: 0; }

@media screen and (min-width: 768px) {
  .p-main { padding-bottom: 114px; }
}

.p-footer {
  padding: 12px 0;
  background: #0e210c;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-footer {
    position: relative;
    padding: 24px;
  }
}

.p-footer-logo {
  margin: 0 auto;
  width: 46px;
}
@media screen and (min-width: 768px) {
  .p-footer-logo {
    width: 88px;
  }
}

.p-footer-nav {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-footer-nav {
    position: absolute;
    right: 52px;
    bottom: 24px;
    display: block;
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 768px) {
  .p-footer-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-footer-nav__item {
    margin: 0 0 0 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .p-footer-nav__item a {
    text-decoration: none;
  }
}

.p-main-visual {
  position: relative;
  aspect-ratio: 1/2.2507;
  overflow: hidden;
}
.p-main-visual.is-move { cursor: grabbing; }
.p-main-visual.is-move a { pointer-events: none; }
.p-main-visual::before,
.p-main-visual::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 50%;
  background: #fff;
  z-index: 99;
  rotate: 180deg;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
}
.p-main-visual::after {
  rotate: 0deg;
}
.p-main-visual.is-loaded::before, .p-main-visual.is-loaded::after {
  -webkit-animation-name: slide-out;
          animation-name: slide-out;
  -webkit-animation-duration: 2000ms;
          animation-duration: 2000ms;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
          animation-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
}
.p-main-visual__frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.p-main-visual__move { position: relative; width: 100%; height: 100%; }

.p-main-visual__item { background-color: #fff; }
.p-main-visual__item.is-active { opacity: 1; z-index: 2; }
.p-main-visual__item.is-hidden { z-index: 3; }

.p-main-visual__item .num { position: absolute; top: 20px; right: 20px; margin: 0; width: 40px; height: 40px; background-color: #000; border-radius: 50%; text-align: center; font-size: 1.4rem; line-height: 40px; color: #fff; z-index: 10; }

@media screen and (max-width: 767px) {
  .p-main-visual__move { display: flex; transform: translate3d(-100vw,0,0); }
  .p-main-visual__item { position: relative; width: 100vw; }
  .p-main-visual__item.layout-left_s_right_l { display: flex; flex-flow: column-reverse; }
}

@media screen and (min-width: 768px) {
  .p-main-visual__move { transform: none !important; width: 100% !important; }
  .p-main-visual__item { display: flex;  position: absolute; top: 0; left: 0; width: 100% !important; height: 100%; opacity: 0; z-index: 1; }
  .p-main-visual__item.layout-left_s_right_l { display: flex; flex-flow: row-reverse; }
  .p-main-visual__item a:hover { opacity: 1; }
  .p-main-visual__item.is-clone { display: none; }
}

.p-main-visual__image-l,
.p-main-visual__image-s {
  position: relative;
  margin: 0;
  /* aspect-ratio: 1/1.1253; */
  overflow: hidden;
}
.p-main-visual__image-l a,
.p-main-visual__image-l picture,
.p-main-visual__image-s a,
.p-main-visual__image-s picture { display: block; position: relative; width: 100%; }
.p-main-visual__image-l a,
.p-main-visual__image-l picture { height: 100%; }
.p-main-visual__image-l img,
.p-main-visual__image-s img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.p-main-visual--prev,
.p-main-visual--next { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; position: absolute; top: 50%; margin: -26px 0 0; padding: 0; width: 52px; height: 52px; background: none; border: none; border-radius: 0; box-shadow: none; text-indent: -9999px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 11; }
.p-main-visual--prev::after,
.p-main-visual--next::after { content: ''; position: absolute; top: 50%; left: 50%; margin: -11px 0 0 -11px; width: 22px; height: 22px; background: url(../img/common/arrow1.svg) no-repeat center left 8px/* #707070*/; background-size: 7px 12px; /*border-radius: 50%;*/ }
.p-main-visual--prev { left: 0; transform: rotate(180deg); }
.p-main-visual--next { right: 0; }

@media screen and (max-width: 767px) {
  .p-main-visual__image-s { margin: 15.3333333333vw auto; width: 69.81912%; }
}

@media screen and (min-width: 768px) {
  .p-main-visual { position: sticky; top: 0; aspect-ratio: unset; padding-bottom: 56.25%; width: 100%; height: 0; }
  .p-main-visual::before, .p-main-visual::after { top: 100%; width: 50%; height: 100%; }
  .p-main-visual::after { rotate: 0deg; top: 0; left: 50%; }
  .p-main-visual.is-loaded::before, .p-main-visual.is-loaded::after { -webkit-animation-name: slide-out-pc; animation-name: slide-out-pc; }
  .p-main-visual__image-l,
  .p-main-visual__image-s { aspect-ratio: unset; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .p-main-visual__image-s { display: flex; justify-content: center; align-items: center; }
  .p-main-visual__image-s > a { width: 69.696969697%; }
  .p-main-visual--prev,
  .p-main-visual--next { margin-top: -14px; width: 25px; height: 25px; border-radius: 50%; }
  .p-main-visual--prev { left: 60px; }
  .p-main-visual--next { right: 60px; }
  .p-main-visual--prev::after,
  .p-main-visual--next::after { top: 0; left: 0; margin: 0; width: 100%; height: 100%; background-position: center left 10px; background-size: 8px 14px; }
  .is-layout-left_l_right_s .p-main-visual--prev::after,
  .is-layout-left_s_right_l .p-main-visual--next::after { background-image: url(../img/common/arrow1_white.svg); }
}

.p-main-visual__bullets { pointer-events: none; display: flex; justify-content: center; position: fixed; bottom: 104px; left: 0; width: 100%; z-index: 10; opacity: 0; }
.p-main-visual__bullets > button { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; margin: 0 7px; padding: 0; width: 12px; height: 12px; background-color: #D8D8D8; border: 1px solid #fff; border-radius: 50%; box-shadow: none; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.p-main-visual__bullets > button.is-active { background-color: #707070; }
.p-main-visual__bullets.is-show { pointer-events: inherit; opacity: 1; }

@media screen and (max-width: 767px) {
  .p-main-visual__bullets { left: 52px; width: calc(100% - 104px); }
}

@media screen and (min-width: 768px) {
  .p-main-visual__bullets { bottom: 116px; }
}

/*
.is-active .p-main-visual__image-l img,
.is-active .p-main-visual__image-s img {
  -webkit-animation-name: zoom-in;
          animation-name: zoom-in;
  -webkit-animation-duration: 2000ms;
          animation-duration: 2000ms;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
*/
/*
.is-hidden .p-main-visual__image-l img,
.is-hidden .p-main-visual__image-s img {
  -webkit-animation-name: image-slide-out-1;
          animation-name: image-slide-out-1;
  -webkit-animation-duration: 2000ms;
          animation-duration: 2000ms;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.is-hidden .p-main-visual__image-s img {
  -webkit-animation-name: image-slide-out-2;
          animation-name: image-slide-out-2;
}
*/
.pattern-b .p-main-visual__item.is-hidden {
  -webkit-animation-name: image-fade-out;
          animation-name: image-fade-out;
  -webkit-animation-duration: 2000ms;
          animation-duration: 2000ms;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.pattern-b .p-main-visual__item.is-active {
  -webkit-animation-name: none;
          animation-name: none;
}

@-webkit-keyframes zoom-in {
  from {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes zoom-in {
  from {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes slide-out {
  from {
    height: 50%;
  }
  to {
    height: 0;
  }
}
@keyframes slide-out {
  from {
    height: 50%;
  }
  to {
    height: 0;
  }
}
@-webkit-keyframes slide-out-pc {
  from {
    height: 100%;
  }
  to {
    height: 0;
  }
}
@keyframes slide-out-pc {
  from {
    height: 100%;
  }
  to {
    height: 0;
  }
}
@-webkit-keyframes image-slide-out-1 {
  from {
    translate: 0 0;
  }
  to {
    translate: 0 100%;
  }
}
@keyframes image-slide-out-1 {
  from {
    translate: 0 0;
  }
  to {
    translate: 0 100%;
  }
}
@-webkit-keyframes image-slide-out-2 {
  from {
    translate: 0 0;
  }
  to {
    translate: 0 -100%;
  }
}
@keyframes image-slide-out-2 {
  from {
    translate: 0 0;
  }
  to {
    translate: 0 -100%;
  }
}
@-webkit-keyframes image-fade-out {
  from {
    opacity: 1;
    visibility: visible;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes image-fade-out {
  from {
    opacity: 1;
    visibility: visible;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}

.p-index-lookbook { position: relative; background: #fff; }
.p-index-lookbook__item-4,
.p-index-lookbook__item-3,
.p-index-lookbook__item-2,
.p-index-lookbook__item-1 { position: relative; }
.p-index-lookbook__item-4 a,
.p-index-lookbook__item-3 a,
.p-index-lookbook__item-2 a,
.p-index-lookbook__item-1 a { display: block; position: relative; }

@media screen and (max-width: 767px) {
  .p-index-lookbook { padding-bottom: 8vw; }
  .p-index-lookbook__item-2 { margin: 15.3333333333vw auto; width: 69.81912%; }
  .p-index-lookbook__item-4 { margin-top: 4vw; }
}

@media screen and (min-width: 768px) {
  .p-index-lookbook { display: flex; flex-wrap: wrap; margin: 0 0 60px; }
  .p-index-lookbook__item-2 { display: flex; justify-content: center; align-items: center; width: 50%; }
  .p-index-lookbook__item-2 a { margin: 0 auto; width: 69.696969697%; }
  .p-index-lookbook__item-3 { width: 50%; }
  .p-index-lookbook__item-4 { width: 100%; }
}

.p-index-lookbook__label, .p-index-lookbook__label-2 {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.2em;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-index-lookbook__label, .p-index-lookbook__label-2 {
    font-size: 1.375rem;
  }
}

.p-index-lookbook__label-2 {
  letter-spacing: normal;
}
@media screen and (min-width: 768px) {
  .p-index-lookbook__label-2 {
    padding: 0 30px 0 0;
    right: auto;
    left: 90px;
  }
}

.p-index-lookbook__image {
  position: relative;
  aspect-ratio: 1/1.1253;
  margin: 0;
}
.p-index-lookbook__image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: top;
}
@media screen and (min-width: 768px) {
  .p-index-lookbook__image {
    aspect-ratio: 1/0.5621;
  }
  .p-index-lookbook__item-2 .p-index-lookbook__image {
    aspect-ratio: 1/1.1253;
  }
  .p-index-lookbook__item-3 .p-index-lookbook__image {
    aspect-ratio: 1/1.1253;
  }
}

.p-index-lookbook__button {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  font-size: 0.75rem;
  text-align: center;
  letter-spacing: 0.2em;
  z-index: 10;
}
.p-index-lookbook__button::after {
  content: "";
  display: block;
  padding: 0 0 calc(337.59% + 40px);
}
.p-index-lookbook__button.is-show-1 {
  position: fixed;
  bottom: 40px;
}
.p-index-lookbook__button.is-show-2 {
  position: absolute;
  bottom: 40px;
}
.p-index-lookbook__button.is-show-1::after,
.p-index-lookbook__button.is-show-2::after {
  content: normal;
}
.p-index-lookbook__button a {
  display: inline-block;
  width: 70vw;
  padding: 8px 0;
  color: inherit;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.9);
}
@media screen and (min-width: 768px) {
  .p-index-lookbook__button::after {
    padding: 0 0 calc(112.42% + 80px);
  }
  .p-index-lookbook__button.is-show-1 {
    bottom: 50px;
  }
  .p-index-lookbook__button.is-show-2 {
    position: absolute;
    bottom: 50px;
  }
  .p-index-lookbook__button a {
    width: auto;
    padding: 10px 60px;
  }
}

@media screen and (max-width: 399px) {
  .u-mq-up-sm-only {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .u-mq-up-md-only {
    display: none !important;
  }
}

@media screen and (max-width: 1039px) {
  .u-mq-up-lg-only {
    display: none !important;
  }
}

@media screen and (max-width: 1419px) {
  .u-mq-up-xl-only {
    display: none !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mq-down-sm-only {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mq-down-md-only {
    display: none !important;
  }
}

@media screen and (min-width: 1040px) {
  .u-mq-down-lg-only {
    display: none !important;
  }
}

@media screen and (min-width: 1420px) {
  .u-mq-down-xl-only {
    display: none !important;
  }
}

.u-text-large-1 {
  font-size: 120% !important;
}

.u-text-large-2 {
  font-size: 140% !important;
}

.u-text-large-3 {
  font-size: 160% !important;
}

.u-text-large-4 {
  font-size: 180% !important;
}

.u-text-large-5 {
  font-size: 200% !important;
}

.u-text-small-1 {
  font-size: 90% !important;
}

.u-text-small-2 {
  font-size: 80% !important;
}

.u-text-small-3 {
  font-size: 70% !important;
}

.u-text-small-4 {
  font-size: 60% !important;
}

.u-text-small-5 {
  font-size: 50% !important;
}

.u-text-red {
  color: #f00 !important;
}

.u-text-gray {
  color: #999 !important;
}

.u-text-color-inherit {
  color: inherit !important;
}

.u-text-normal-color {
  color: #000 !important;
}

.u-text-theme-color {
  color: #a48030 !important;
}

.u-mt-0 {
  margin-top: 0px !important;
}

.u-mr-0 {
  margin-right: 0px !important;
}

.u-mb-0 {
  margin-bottom: 0px !important;
}

.u-ml-0 {
  margin-left: 0px !important;
}

.u-pt-0 {
  padding-top: 0px !important;
}

.u-pr-0 {
  padding-right: 0px !important;
}

.u-pb-0 {
  padding-bottom: 0px !important;
}

.u-pl-0 {
  padding-left: 0px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-0 {
    margin-top: 0px !important;
  }
  .u-pc-mr-0 {
    margin-right: 0px !important;
  }
  .u-pc-mb-0 {
    margin-bottom: 0px !important;
  }
  .u-pc-ml-0 {
    margin-left: 0px !important;
  }
  .u-pc-pt-0 {
    padding-top: 0px !important;
  }
  .u-pc-pr-0 {
    padding-right: 0px !important;
  }
  .u-pc-pb-0 {
    padding-bottom: 0px !important;
  }
  .u-pc-pl-0 {
    padding-left: 0px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-0 {
    margin-top: 0px !important;
  }
  .u-sp-mr-0 {
    margin-right: 0px !important;
  }
  .u-sp-mb-0 {
    margin-bottom: 0px !important;
  }
  .u-sp-ml-0 {
    margin-left: 0px !important;
  }
  .u-sp-pt-0 {
    padding-top: 0px !important;
  }
  .u-sp-pr-0 {
    padding-right: 0px !important;
  }
  .u-sp-pb-0 {
    padding-bottom: 0px !important;
  }
  .u-sp-pl-0 {
    padding-left: 0px !important;
  }
}
.u-mt-5 {
  margin-top: 5px !important;
}

.u-mr-5 {
  margin-right: 5px !important;
}

.u-mb-5 {
  margin-bottom: 5px !important;
}

.u-ml-5 {
  margin-left: 5px !important;
}

.u-pt-5 {
  padding-top: 5px !important;
}

.u-pr-5 {
  padding-right: 5px !important;
}

.u-pb-5 {
  padding-bottom: 5px !important;
}

.u-pl-5 {
  padding-left: 5px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-5 {
    margin-top: 5px !important;
  }
  .u-pc-mr-5 {
    margin-right: 5px !important;
  }
  .u-pc-mb-5 {
    margin-bottom: 5px !important;
  }
  .u-pc-ml-5 {
    margin-left: 5px !important;
  }
  .u-pc-pt-5 {
    padding-top: 5px !important;
  }
  .u-pc-pr-5 {
    padding-right: 5px !important;
  }
  .u-pc-pb-5 {
    padding-bottom: 5px !important;
  }
  .u-pc-pl-5 {
    padding-left: 5px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-5 {
    margin-top: 5px !important;
  }
  .u-sp-mr-5 {
    margin-right: 5px !important;
  }
  .u-sp-mb-5 {
    margin-bottom: 5px !important;
  }
  .u-sp-ml-5 {
    margin-left: 5px !important;
  }
  .u-sp-pt-5 {
    padding-top: 5px !important;
  }
  .u-sp-pr-5 {
    padding-right: 5px !important;
  }
  .u-sp-pb-5 {
    padding-bottom: 5px !important;
  }
  .u-sp-pl-5 {
    padding-left: 5px !important;
  }
}
.u-mt-10 {
  margin-top: 10px !important;
}

.u-mr-10 {
  margin-right: 10px !important;
}

.u-mb-10 {
  margin-bottom: 10px !important;
}

.u-ml-10 {
  margin-left: 10px !important;
}

.u-pt-10 {
  padding-top: 10px !important;
}

.u-pr-10 {
  padding-right: 10px !important;
}

.u-pb-10 {
  padding-bottom: 10px !important;
}

.u-pl-10 {
  padding-left: 10px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-10 {
    margin-top: 10px !important;
  }
  .u-pc-mr-10 {
    margin-right: 10px !important;
  }
  .u-pc-mb-10 {
    margin-bottom: 10px !important;
  }
  .u-pc-ml-10 {
    margin-left: 10px !important;
  }
  .u-pc-pt-10 {
    padding-top: 10px !important;
  }
  .u-pc-pr-10 {
    padding-right: 10px !important;
  }
  .u-pc-pb-10 {
    padding-bottom: 10px !important;
  }
  .u-pc-pl-10 {
    padding-left: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-10 {
    margin-top: 10px !important;
  }
  .u-sp-mr-10 {
    margin-right: 10px !important;
  }
  .u-sp-mb-10 {
    margin-bottom: 10px !important;
  }
  .u-sp-ml-10 {
    margin-left: 10px !important;
  }
  .u-sp-pt-10 {
    padding-top: 10px !important;
  }
  .u-sp-pr-10 {
    padding-right: 10px !important;
  }
  .u-sp-pb-10 {
    padding-bottom: 10px !important;
  }
  .u-sp-pl-10 {
    padding-left: 10px !important;
  }
}
.u-mt-15 {
  margin-top: 15px !important;
}

.u-mr-15 {
  margin-right: 15px !important;
}

.u-mb-15 {
  margin-bottom: 15px !important;
}

.u-ml-15 {
  margin-left: 15px !important;
}

.u-pt-15 {
  padding-top: 15px !important;
}

.u-pr-15 {
  padding-right: 15px !important;
}

.u-pb-15 {
  padding-bottom: 15px !important;
}

.u-pl-15 {
  padding-left: 15px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-15 {
    margin-top: 15px !important;
  }
  .u-pc-mr-15 {
    margin-right: 15px !important;
  }
  .u-pc-mb-15 {
    margin-bottom: 15px !important;
  }
  .u-pc-ml-15 {
    margin-left: 15px !important;
  }
  .u-pc-pt-15 {
    padding-top: 15px !important;
  }
  .u-pc-pr-15 {
    padding-right: 15px !important;
  }
  .u-pc-pb-15 {
    padding-bottom: 15px !important;
  }
  .u-pc-pl-15 {
    padding-left: 15px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-15 {
    margin-top: 15px !important;
  }
  .u-sp-mr-15 {
    margin-right: 15px !important;
  }
  .u-sp-mb-15 {
    margin-bottom: 15px !important;
  }
  .u-sp-ml-15 {
    margin-left: 15px !important;
  }
  .u-sp-pt-15 {
    padding-top: 15px !important;
  }
  .u-sp-pr-15 {
    padding-right: 15px !important;
  }
  .u-sp-pb-15 {
    padding-bottom: 15px !important;
  }
  .u-sp-pl-15 {
    padding-left: 15px !important;
  }
}
.u-mt-20 {
  margin-top: 20px !important;
}

.u-mr-20 {
  margin-right: 20px !important;
}

.u-mb-20 {
  margin-bottom: 20px !important;
}

.u-ml-20 {
  margin-left: 20px !important;
}

.u-pt-20 {
  padding-top: 20px !important;
}

.u-pr-20 {
  padding-right: 20px !important;
}

.u-pb-20 {
  padding-bottom: 20px !important;
}

.u-pl-20 {
  padding-left: 20px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-20 {
    margin-top: 20px !important;
  }
  .u-pc-mr-20 {
    margin-right: 20px !important;
  }
  .u-pc-mb-20 {
    margin-bottom: 20px !important;
  }
  .u-pc-ml-20 {
    margin-left: 20px !important;
  }
  .u-pc-pt-20 {
    padding-top: 20px !important;
  }
  .u-pc-pr-20 {
    padding-right: 20px !important;
  }
  .u-pc-pb-20 {
    padding-bottom: 20px !important;
  }
  .u-pc-pl-20 {
    padding-left: 20px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-20 {
    margin-top: 20px !important;
  }
  .u-sp-mr-20 {
    margin-right: 20px !important;
  }
  .u-sp-mb-20 {
    margin-bottom: 20px !important;
  }
  .u-sp-ml-20 {
    margin-left: 20px !important;
  }
  .u-sp-pt-20 {
    padding-top: 20px !important;
  }
  .u-sp-pr-20 {
    padding-right: 20px !important;
  }
  .u-sp-pb-20 {
    padding-bottom: 20px !important;
  }
  .u-sp-pl-20 {
    padding-left: 20px !important;
  }
}
.u-mt-25 {
  margin-top: 25px !important;
}

.u-mr-25 {
  margin-right: 25px !important;
}

.u-mb-25 {
  margin-bottom: 25px !important;
}

.u-ml-25 {
  margin-left: 25px !important;
}

.u-pt-25 {
  padding-top: 25px !important;
}

.u-pr-25 {
  padding-right: 25px !important;
}

.u-pb-25 {
  padding-bottom: 25px !important;
}

.u-pl-25 {
  padding-left: 25px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-25 {
    margin-top: 25px !important;
  }
  .u-pc-mr-25 {
    margin-right: 25px !important;
  }
  .u-pc-mb-25 {
    margin-bottom: 25px !important;
  }
  .u-pc-ml-25 {
    margin-left: 25px !important;
  }
  .u-pc-pt-25 {
    padding-top: 25px !important;
  }
  .u-pc-pr-25 {
    padding-right: 25px !important;
  }
  .u-pc-pb-25 {
    padding-bottom: 25px !important;
  }
  .u-pc-pl-25 {
    padding-left: 25px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-25 {
    margin-top: 25px !important;
  }
  .u-sp-mr-25 {
    margin-right: 25px !important;
  }
  .u-sp-mb-25 {
    margin-bottom: 25px !important;
  }
  .u-sp-ml-25 {
    margin-left: 25px !important;
  }
  .u-sp-pt-25 {
    padding-top: 25px !important;
  }
  .u-sp-pr-25 {
    padding-right: 25px !important;
  }
  .u-sp-pb-25 {
    padding-bottom: 25px !important;
  }
  .u-sp-pl-25 {
    padding-left: 25px !important;
  }
}
.u-mt-30 {
  margin-top: 30px !important;
}

.u-mr-30 {
  margin-right: 30px !important;
}

.u-mb-30 {
  margin-bottom: 30px !important;
}

.u-ml-30 {
  margin-left: 30px !important;
}

.u-pt-30 {
  padding-top: 30px !important;
}

.u-pr-30 {
  padding-right: 30px !important;
}

.u-pb-30 {
  padding-bottom: 30px !important;
}

.u-pl-30 {
  padding-left: 30px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-30 {
    margin-top: 30px !important;
  }
  .u-pc-mr-30 {
    margin-right: 30px !important;
  }
  .u-pc-mb-30 {
    margin-bottom: 30px !important;
  }
  .u-pc-ml-30 {
    margin-left: 30px !important;
  }
  .u-pc-pt-30 {
    padding-top: 30px !important;
  }
  .u-pc-pr-30 {
    padding-right: 30px !important;
  }
  .u-pc-pb-30 {
    padding-bottom: 30px !important;
  }
  .u-pc-pl-30 {
    padding-left: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-30 {
    margin-top: 30px !important;
  }
  .u-sp-mr-30 {
    margin-right: 30px !important;
  }
  .u-sp-mb-30 {
    margin-bottom: 30px !important;
  }
  .u-sp-ml-30 {
    margin-left: 30px !important;
  }
  .u-sp-pt-30 {
    padding-top: 30px !important;
  }
  .u-sp-pr-30 {
    padding-right: 30px !important;
  }
  .u-sp-pb-30 {
    padding-bottom: 30px !important;
  }
  .u-sp-pl-30 {
    padding-left: 30px !important;
  }
}
.u-mt-35 {
  margin-top: 35px !important;
}

.u-mr-35 {
  margin-right: 35px !important;
}

.u-mb-35 {
  margin-bottom: 35px !important;
}

.u-ml-35 {
  margin-left: 35px !important;
}

.u-pt-35 {
  padding-top: 35px !important;
}

.u-pr-35 {
  padding-right: 35px !important;
}

.u-pb-35 {
  padding-bottom: 35px !important;
}

.u-pl-35 {
  padding-left: 35px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-35 {
    margin-top: 35px !important;
  }
  .u-pc-mr-35 {
    margin-right: 35px !important;
  }
  .u-pc-mb-35 {
    margin-bottom: 35px !important;
  }
  .u-pc-ml-35 {
    margin-left: 35px !important;
  }
  .u-pc-pt-35 {
    padding-top: 35px !important;
  }
  .u-pc-pr-35 {
    padding-right: 35px !important;
  }
  .u-pc-pb-35 {
    padding-bottom: 35px !important;
  }
  .u-pc-pl-35 {
    padding-left: 35px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-35 {
    margin-top: 35px !important;
  }
  .u-sp-mr-35 {
    margin-right: 35px !important;
  }
  .u-sp-mb-35 {
    margin-bottom: 35px !important;
  }
  .u-sp-ml-35 {
    margin-left: 35px !important;
  }
  .u-sp-pt-35 {
    padding-top: 35px !important;
  }
  .u-sp-pr-35 {
    padding-right: 35px !important;
  }
  .u-sp-pb-35 {
    padding-bottom: 35px !important;
  }
  .u-sp-pl-35 {
    padding-left: 35px !important;
  }
}
.u-mt-40 {
  margin-top: 40px !important;
}

.u-mr-40 {
  margin-right: 40px !important;
}

.u-mb-40 {
  margin-bottom: 40px !important;
}

.u-ml-40 {
  margin-left: 40px !important;
}

.u-pt-40 {
  padding-top: 40px !important;
}

.u-pr-40 {
  padding-right: 40px !important;
}

.u-pb-40 {
  padding-bottom: 40px !important;
}

.u-pl-40 {
  padding-left: 40px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-40 {
    margin-top: 40px !important;
  }
  .u-pc-mr-40 {
    margin-right: 40px !important;
  }
  .u-pc-mb-40 {
    margin-bottom: 40px !important;
  }
  .u-pc-ml-40 {
    margin-left: 40px !important;
  }
  .u-pc-pt-40 {
    padding-top: 40px !important;
  }
  .u-pc-pr-40 {
    padding-right: 40px !important;
  }
  .u-pc-pb-40 {
    padding-bottom: 40px !important;
  }
  .u-pc-pl-40 {
    padding-left: 40px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-40 {
    margin-top: 40px !important;
  }
  .u-sp-mr-40 {
    margin-right: 40px !important;
  }
  .u-sp-mb-40 {
    margin-bottom: 40px !important;
  }
  .u-sp-ml-40 {
    margin-left: 40px !important;
  }
  .u-sp-pt-40 {
    padding-top: 40px !important;
  }
  .u-sp-pr-40 {
    padding-right: 40px !important;
  }
  .u-sp-pb-40 {
    padding-bottom: 40px !important;
  }
  .u-sp-pl-40 {
    padding-left: 40px !important;
  }
}
.u-mt-45 {
  margin-top: 45px !important;
}

.u-mr-45 {
  margin-right: 45px !important;
}

.u-mb-45 {
  margin-bottom: 45px !important;
}

.u-ml-45 {
  margin-left: 45px !important;
}

.u-pt-45 {
  padding-top: 45px !important;
}

.u-pr-45 {
  padding-right: 45px !important;
}

.u-pb-45 {
  padding-bottom: 45px !important;
}

.u-pl-45 {
  padding-left: 45px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-45 {
    margin-top: 45px !important;
  }
  .u-pc-mr-45 {
    margin-right: 45px !important;
  }
  .u-pc-mb-45 {
    margin-bottom: 45px !important;
  }
  .u-pc-ml-45 {
    margin-left: 45px !important;
  }
  .u-pc-pt-45 {
    padding-top: 45px !important;
  }
  .u-pc-pr-45 {
    padding-right: 45px !important;
  }
  .u-pc-pb-45 {
    padding-bottom: 45px !important;
  }
  .u-pc-pl-45 {
    padding-left: 45px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-45 {
    margin-top: 45px !important;
  }
  .u-sp-mr-45 {
    margin-right: 45px !important;
  }
  .u-sp-mb-45 {
    margin-bottom: 45px !important;
  }
  .u-sp-ml-45 {
    margin-left: 45px !important;
  }
  .u-sp-pt-45 {
    padding-top: 45px !important;
  }
  .u-sp-pr-45 {
    padding-right: 45px !important;
  }
  .u-sp-pb-45 {
    padding-bottom: 45px !important;
  }
  .u-sp-pl-45 {
    padding-left: 45px !important;
  }
}
.u-mt-50 {
  margin-top: 50px !important;
}

.u-mr-50 {
  margin-right: 50px !important;
}

.u-mb-50 {
  margin-bottom: 50px !important;
}

.u-ml-50 {
  margin-left: 50px !important;
}

.u-pt-50 {
  padding-top: 50px !important;
}

.u-pr-50 {
  padding-right: 50px !important;
}

.u-pb-50 {
  padding-bottom: 50px !important;
}

.u-pl-50 {
  padding-left: 50px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-50 {
    margin-top: 50px !important;
  }
  .u-pc-mr-50 {
    margin-right: 50px !important;
  }
  .u-pc-mb-50 {
    margin-bottom: 50px !important;
  }
  .u-pc-ml-50 {
    margin-left: 50px !important;
  }
  .u-pc-pt-50 {
    padding-top: 50px !important;
  }
  .u-pc-pr-50 {
    padding-right: 50px !important;
  }
  .u-pc-pb-50 {
    padding-bottom: 50px !important;
  }
  .u-pc-pl-50 {
    padding-left: 50px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-50 {
    margin-top: 50px !important;
  }
  .u-sp-mr-50 {
    margin-right: 50px !important;
  }
  .u-sp-mb-50 {
    margin-bottom: 50px !important;
  }
  .u-sp-ml-50 {
    margin-left: 50px !important;
  }
  .u-sp-pt-50 {
    padding-top: 50px !important;
  }
  .u-sp-pr-50 {
    padding-right: 50px !important;
  }
  .u-sp-pb-50 {
    padding-bottom: 50px !important;
  }
  .u-sp-pl-50 {
    padding-left: 50px !important;
  }
}
.u-mt-55 {
  margin-top: 55px !important;
}

.u-mr-55 {
  margin-right: 55px !important;
}

.u-mb-55 {
  margin-bottom: 55px !important;
}

.u-ml-55 {
  margin-left: 55px !important;
}

.u-pt-55 {
  padding-top: 55px !important;
}

.u-pr-55 {
  padding-right: 55px !important;
}

.u-pb-55 {
  padding-bottom: 55px !important;
}

.u-pl-55 {
  padding-left: 55px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-55 {
    margin-top: 55px !important;
  }
  .u-pc-mr-55 {
    margin-right: 55px !important;
  }
  .u-pc-mb-55 {
    margin-bottom: 55px !important;
  }
  .u-pc-ml-55 {
    margin-left: 55px !important;
  }
  .u-pc-pt-55 {
    padding-top: 55px !important;
  }
  .u-pc-pr-55 {
    padding-right: 55px !important;
  }
  .u-pc-pb-55 {
    padding-bottom: 55px !important;
  }
  .u-pc-pl-55 {
    padding-left: 55px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-55 {
    margin-top: 55px !important;
  }
  .u-sp-mr-55 {
    margin-right: 55px !important;
  }
  .u-sp-mb-55 {
    margin-bottom: 55px !important;
  }
  .u-sp-ml-55 {
    margin-left: 55px !important;
  }
  .u-sp-pt-55 {
    padding-top: 55px !important;
  }
  .u-sp-pr-55 {
    padding-right: 55px !important;
  }
  .u-sp-pb-55 {
    padding-bottom: 55px !important;
  }
  .u-sp-pl-55 {
    padding-left: 55px !important;
  }
}
.u-mt-60 {
  margin-top: 60px !important;
}

.u-mr-60 {
  margin-right: 60px !important;
}

.u-mb-60 {
  margin-bottom: 60px !important;
}

.u-ml-60 {
  margin-left: 60px !important;
}

.u-pt-60 {
  padding-top: 60px !important;
}

.u-pr-60 {
  padding-right: 60px !important;
}

.u-pb-60 {
  padding-bottom: 60px !important;
}

.u-pl-60 {
  padding-left: 60px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-60 {
    margin-top: 60px !important;
  }
  .u-pc-mr-60 {
    margin-right: 60px !important;
  }
  .u-pc-mb-60 {
    margin-bottom: 60px !important;
  }
  .u-pc-ml-60 {
    margin-left: 60px !important;
  }
  .u-pc-pt-60 {
    padding-top: 60px !important;
  }
  .u-pc-pr-60 {
    padding-right: 60px !important;
  }
  .u-pc-pb-60 {
    padding-bottom: 60px !important;
  }
  .u-pc-pl-60 {
    padding-left: 60px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-60 {
    margin-top: 60px !important;
  }
  .u-sp-mr-60 {
    margin-right: 60px !important;
  }
  .u-sp-mb-60 {
    margin-bottom: 60px !important;
  }
  .u-sp-ml-60 {
    margin-left: 60px !important;
  }
  .u-sp-pt-60 {
    padding-top: 60px !important;
  }
  .u-sp-pr-60 {
    padding-right: 60px !important;
  }
  .u-sp-pb-60 {
    padding-bottom: 60px !important;
  }
  .u-sp-pl-60 {
    padding-left: 60px !important;
  }
}
.u-mt-65 {
  margin-top: 65px !important;
}

.u-mr-65 {
  margin-right: 65px !important;
}

.u-mb-65 {
  margin-bottom: 65px !important;
}

.u-ml-65 {
  margin-left: 65px !important;
}

.u-pt-65 {
  padding-top: 65px !important;
}

.u-pr-65 {
  padding-right: 65px !important;
}

.u-pb-65 {
  padding-bottom: 65px !important;
}

.u-pl-65 {
  padding-left: 65px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-65 {
    margin-top: 65px !important;
  }
  .u-pc-mr-65 {
    margin-right: 65px !important;
  }
  .u-pc-mb-65 {
    margin-bottom: 65px !important;
  }
  .u-pc-ml-65 {
    margin-left: 65px !important;
  }
  .u-pc-pt-65 {
    padding-top: 65px !important;
  }
  .u-pc-pr-65 {
    padding-right: 65px !important;
  }
  .u-pc-pb-65 {
    padding-bottom: 65px !important;
  }
  .u-pc-pl-65 {
    padding-left: 65px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-65 {
    margin-top: 65px !important;
  }
  .u-sp-mr-65 {
    margin-right: 65px !important;
  }
  .u-sp-mb-65 {
    margin-bottom: 65px !important;
  }
  .u-sp-ml-65 {
    margin-left: 65px !important;
  }
  .u-sp-pt-65 {
    padding-top: 65px !important;
  }
  .u-sp-pr-65 {
    padding-right: 65px !important;
  }
  .u-sp-pb-65 {
    padding-bottom: 65px !important;
  }
  .u-sp-pl-65 {
    padding-left: 65px !important;
  }
}
.u-mt-70 {
  margin-top: 70px !important;
}

.u-mr-70 {
  margin-right: 70px !important;
}

.u-mb-70 {
  margin-bottom: 70px !important;
}

.u-ml-70 {
  margin-left: 70px !important;
}

.u-pt-70 {
  padding-top: 70px !important;
}

.u-pr-70 {
  padding-right: 70px !important;
}

.u-pb-70 {
  padding-bottom: 70px !important;
}

.u-pl-70 {
  padding-left: 70px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-70 {
    margin-top: 70px !important;
  }
  .u-pc-mr-70 {
    margin-right: 70px !important;
  }
  .u-pc-mb-70 {
    margin-bottom: 70px !important;
  }
  .u-pc-ml-70 {
    margin-left: 70px !important;
  }
  .u-pc-pt-70 {
    padding-top: 70px !important;
  }
  .u-pc-pr-70 {
    padding-right: 70px !important;
  }
  .u-pc-pb-70 {
    padding-bottom: 70px !important;
  }
  .u-pc-pl-70 {
    padding-left: 70px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-70 {
    margin-top: 70px !important;
  }
  .u-sp-mr-70 {
    margin-right: 70px !important;
  }
  .u-sp-mb-70 {
    margin-bottom: 70px !important;
  }
  .u-sp-ml-70 {
    margin-left: 70px !important;
  }
  .u-sp-pt-70 {
    padding-top: 70px !important;
  }
  .u-sp-pr-70 {
    padding-right: 70px !important;
  }
  .u-sp-pb-70 {
    padding-bottom: 70px !important;
  }
  .u-sp-pl-70 {
    padding-left: 70px !important;
  }
}
.u-mt-75 {
  margin-top: 75px !important;
}

.u-mr-75 {
  margin-right: 75px !important;
}

.u-mb-75 {
  margin-bottom: 75px !important;
}

.u-ml-75 {
  margin-left: 75px !important;
}

.u-pt-75 {
  padding-top: 75px !important;
}

.u-pr-75 {
  padding-right: 75px !important;
}

.u-pb-75 {
  padding-bottom: 75px !important;
}

.u-pl-75 {
  padding-left: 75px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-75 {
    margin-top: 75px !important;
  }
  .u-pc-mr-75 {
    margin-right: 75px !important;
  }
  .u-pc-mb-75 {
    margin-bottom: 75px !important;
  }
  .u-pc-ml-75 {
    margin-left: 75px !important;
  }
  .u-pc-pt-75 {
    padding-top: 75px !important;
  }
  .u-pc-pr-75 {
    padding-right: 75px !important;
  }
  .u-pc-pb-75 {
    padding-bottom: 75px !important;
  }
  .u-pc-pl-75 {
    padding-left: 75px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-75 {
    margin-top: 75px !important;
  }
  .u-sp-mr-75 {
    margin-right: 75px !important;
  }
  .u-sp-mb-75 {
    margin-bottom: 75px !important;
  }
  .u-sp-ml-75 {
    margin-left: 75px !important;
  }
  .u-sp-pt-75 {
    padding-top: 75px !important;
  }
  .u-sp-pr-75 {
    padding-right: 75px !important;
  }
  .u-sp-pb-75 {
    padding-bottom: 75px !important;
  }
  .u-sp-pl-75 {
    padding-left: 75px !important;
  }
}
.u-mt-80 {
  margin-top: 80px !important;
}

.u-mr-80 {
  margin-right: 80px !important;
}

.u-mb-80 {
  margin-bottom: 80px !important;
}

.u-ml-80 {
  margin-left: 80px !important;
}

.u-pt-80 {
  padding-top: 80px !important;
}

.u-pr-80 {
  padding-right: 80px !important;
}

.u-pb-80 {
  padding-bottom: 80px !important;
}

.u-pl-80 {
  padding-left: 80px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-80 {
    margin-top: 80px !important;
  }
  .u-pc-mr-80 {
    margin-right: 80px !important;
  }
  .u-pc-mb-80 {
    margin-bottom: 80px !important;
  }
  .u-pc-ml-80 {
    margin-left: 80px !important;
  }
  .u-pc-pt-80 {
    padding-top: 80px !important;
  }
  .u-pc-pr-80 {
    padding-right: 80px !important;
  }
  .u-pc-pb-80 {
    padding-bottom: 80px !important;
  }
  .u-pc-pl-80 {
    padding-left: 80px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-80 {
    margin-top: 80px !important;
  }
  .u-sp-mr-80 {
    margin-right: 80px !important;
  }
  .u-sp-mb-80 {
    margin-bottom: 80px !important;
  }
  .u-sp-ml-80 {
    margin-left: 80px !important;
  }
  .u-sp-pt-80 {
    padding-top: 80px !important;
  }
  .u-sp-pr-80 {
    padding-right: 80px !important;
  }
  .u-sp-pb-80 {
    padding-bottom: 80px !important;
  }
  .u-sp-pl-80 {
    padding-left: 80px !important;
  }
}
.u-mt-85 {
  margin-top: 85px !important;
}

.u-mr-85 {
  margin-right: 85px !important;
}

.u-mb-85 {
  margin-bottom: 85px !important;
}

.u-ml-85 {
  margin-left: 85px !important;
}

.u-pt-85 {
  padding-top: 85px !important;
}

.u-pr-85 {
  padding-right: 85px !important;
}

.u-pb-85 {
  padding-bottom: 85px !important;
}

.u-pl-85 {
  padding-left: 85px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-85 {
    margin-top: 85px !important;
  }
  .u-pc-mr-85 {
    margin-right: 85px !important;
  }
  .u-pc-mb-85 {
    margin-bottom: 85px !important;
  }
  .u-pc-ml-85 {
    margin-left: 85px !important;
  }
  .u-pc-pt-85 {
    padding-top: 85px !important;
  }
  .u-pc-pr-85 {
    padding-right: 85px !important;
  }
  .u-pc-pb-85 {
    padding-bottom: 85px !important;
  }
  .u-pc-pl-85 {
    padding-left: 85px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-85 {
    margin-top: 85px !important;
  }
  .u-sp-mr-85 {
    margin-right: 85px !important;
  }
  .u-sp-mb-85 {
    margin-bottom: 85px !important;
  }
  .u-sp-ml-85 {
    margin-left: 85px !important;
  }
  .u-sp-pt-85 {
    padding-top: 85px !important;
  }
  .u-sp-pr-85 {
    padding-right: 85px !important;
  }
  .u-sp-pb-85 {
    padding-bottom: 85px !important;
  }
  .u-sp-pl-85 {
    padding-left: 85px !important;
  }
}
.u-mt-90 {
  margin-top: 90px !important;
}

.u-mr-90 {
  margin-right: 90px !important;
}

.u-mb-90 {
  margin-bottom: 90px !important;
}

.u-ml-90 {
  margin-left: 90px !important;
}

.u-pt-90 {
  padding-top: 90px !important;
}

.u-pr-90 {
  padding-right: 90px !important;
}

.u-pb-90 {
  padding-bottom: 90px !important;
}

.u-pl-90 {
  padding-left: 90px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-90 {
    margin-top: 90px !important;
  }
  .u-pc-mr-90 {
    margin-right: 90px !important;
  }
  .u-pc-mb-90 {
    margin-bottom: 90px !important;
  }
  .u-pc-ml-90 {
    margin-left: 90px !important;
  }
  .u-pc-pt-90 {
    padding-top: 90px !important;
  }
  .u-pc-pr-90 {
    padding-right: 90px !important;
  }
  .u-pc-pb-90 {
    padding-bottom: 90px !important;
  }
  .u-pc-pl-90 {
    padding-left: 90px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-90 {
    margin-top: 90px !important;
  }
  .u-sp-mr-90 {
    margin-right: 90px !important;
  }
  .u-sp-mb-90 {
    margin-bottom: 90px !important;
  }
  .u-sp-ml-90 {
    margin-left: 90px !important;
  }
  .u-sp-pt-90 {
    padding-top: 90px !important;
  }
  .u-sp-pr-90 {
    padding-right: 90px !important;
  }
  .u-sp-pb-90 {
    padding-bottom: 90px !important;
  }
  .u-sp-pl-90 {
    padding-left: 90px !important;
  }
}
.u-mt-95 {
  margin-top: 95px !important;
}

.u-mr-95 {
  margin-right: 95px !important;
}

.u-mb-95 {
  margin-bottom: 95px !important;
}

.u-ml-95 {
  margin-left: 95px !important;
}

.u-pt-95 {
  padding-top: 95px !important;
}

.u-pr-95 {
  padding-right: 95px !important;
}

.u-pb-95 {
  padding-bottom: 95px !important;
}

.u-pl-95 {
  padding-left: 95px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-95 {
    margin-top: 95px !important;
  }
  .u-pc-mr-95 {
    margin-right: 95px !important;
  }
  .u-pc-mb-95 {
    margin-bottom: 95px !important;
  }
  .u-pc-ml-95 {
    margin-left: 95px !important;
  }
  .u-pc-pt-95 {
    padding-top: 95px !important;
  }
  .u-pc-pr-95 {
    padding-right: 95px !important;
  }
  .u-pc-pb-95 {
    padding-bottom: 95px !important;
  }
  .u-pc-pl-95 {
    padding-left: 95px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-95 {
    margin-top: 95px !important;
  }
  .u-sp-mr-95 {
    margin-right: 95px !important;
  }
  .u-sp-mb-95 {
    margin-bottom: 95px !important;
  }
  .u-sp-ml-95 {
    margin-left: 95px !important;
  }
  .u-sp-pt-95 {
    padding-top: 95px !important;
  }
  .u-sp-pr-95 {
    padding-right: 95px !important;
  }
  .u-sp-pb-95 {
    padding-bottom: 95px !important;
  }
  .u-sp-pl-95 {
    padding-left: 95px !important;
  }
}
.u-mt-100 {
  margin-top: 100px !important;
}

.u-mr-100 {
  margin-right: 100px !important;
}

.u-mb-100 {
  margin-bottom: 100px !important;
}

.u-ml-100 {
  margin-left: 100px !important;
}

.u-pt-100 {
  padding-top: 100px !important;
}

.u-pr-100 {
  padding-right: 100px !important;
}

.u-pb-100 {
  padding-bottom: 100px !important;
}

.u-pl-100 {
  padding-left: 100px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-100 {
    margin-top: 100px !important;
  }
  .u-pc-mr-100 {
    margin-right: 100px !important;
  }
  .u-pc-mb-100 {
    margin-bottom: 100px !important;
  }
  .u-pc-ml-100 {
    margin-left: 100px !important;
  }
  .u-pc-pt-100 {
    padding-top: 100px !important;
  }
  .u-pc-pr-100 {
    padding-right: 100px !important;
  }
  .u-pc-pb-100 {
    padding-bottom: 100px !important;
  }
  .u-pc-pl-100 {
    padding-left: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-100 {
    margin-top: 100px !important;
  }
  .u-sp-mr-100 {
    margin-right: 100px !important;
  }
  .u-sp-mb-100 {
    margin-bottom: 100px !important;
  }
  .u-sp-ml-100 {
    margin-left: 100px !important;
  }
  .u-sp-pt-100 {
    padding-top: 100px !important;
  }
  .u-sp-pr-100 {
    padding-right: 100px !important;
  }
  .u-sp-pb-100 {
    padding-bottom: 100px !important;
  }
  .u-sp-pl-100 {
    padding-left: 100px !important;
  }
}
.u-mt-110 {
  margin-top: 110px !important;
}

.u-mr-110 {
  margin-right: 110px !important;
}

.u-mb-110 {
  margin-bottom: 110px !important;
}

.u-ml-110 {
  margin-left: 110px !important;
}

.u-pt-110 {
  padding-top: 110px !important;
}

.u-pr-110 {
  padding-right: 110px !important;
}

.u-pb-110 {
  padding-bottom: 110px !important;
}

.u-pl-110 {
  padding-left: 110px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-110 {
    margin-top: 110px !important;
  }
  .u-pc-mr-110 {
    margin-right: 110px !important;
  }
  .u-pc-mb-110 {
    margin-bottom: 110px !important;
  }
  .u-pc-ml-110 {
    margin-left: 110px !important;
  }
  .u-pc-pt-110 {
    padding-top: 110px !important;
  }
  .u-pc-pr-110 {
    padding-right: 110px !important;
  }
  .u-pc-pb-110 {
    padding-bottom: 110px !important;
  }
  .u-pc-pl-110 {
    padding-left: 110px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-110 {
    margin-top: 110px !important;
  }
  .u-sp-mr-110 {
    margin-right: 110px !important;
  }
  .u-sp-mb-110 {
    margin-bottom: 110px !important;
  }
  .u-sp-ml-110 {
    margin-left: 110px !important;
  }
  .u-sp-pt-110 {
    padding-top: 110px !important;
  }
  .u-sp-pr-110 {
    padding-right: 110px !important;
  }
  .u-sp-pb-110 {
    padding-bottom: 110px !important;
  }
  .u-sp-pl-110 {
    padding-left: 110px !important;
  }
}
.u-mt-120 {
  margin-top: 120px !important;
}

.u-mr-120 {
  margin-right: 120px !important;
}

.u-mb-120 {
  margin-bottom: 120px !important;
}

.u-ml-120 {
  margin-left: 120px !important;
}

.u-pt-120 {
  padding-top: 120px !important;
}

.u-pr-120 {
  padding-right: 120px !important;
}

.u-pb-120 {
  padding-bottom: 120px !important;
}

.u-pl-120 {
  padding-left: 120px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-120 {
    margin-top: 120px !important;
  }
  .u-pc-mr-120 {
    margin-right: 120px !important;
  }
  .u-pc-mb-120 {
    margin-bottom: 120px !important;
  }
  .u-pc-ml-120 {
    margin-left: 120px !important;
  }
  .u-pc-pt-120 {
    padding-top: 120px !important;
  }
  .u-pc-pr-120 {
    padding-right: 120px !important;
  }
  .u-pc-pb-120 {
    padding-bottom: 120px !important;
  }
  .u-pc-pl-120 {
    padding-left: 120px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-120 {
    margin-top: 120px !important;
  }
  .u-sp-mr-120 {
    margin-right: 120px !important;
  }
  .u-sp-mb-120 {
    margin-bottom: 120px !important;
  }
  .u-sp-ml-120 {
    margin-left: 120px !important;
  }
  .u-sp-pt-120 {
    padding-top: 120px !important;
  }
  .u-sp-pr-120 {
    padding-right: 120px !important;
  }
  .u-sp-pb-120 {
    padding-bottom: 120px !important;
  }
  .u-sp-pl-120 {
    padding-left: 120px !important;
  }
}
.u-mt-130 {
  margin-top: 130px !important;
}

.u-mr-130 {
  margin-right: 130px !important;
}

.u-mb-130 {
  margin-bottom: 130px !important;
}

.u-ml-130 {
  margin-left: 130px !important;
}

.u-pt-130 {
  padding-top: 130px !important;
}

.u-pr-130 {
  padding-right: 130px !important;
}

.u-pb-130 {
  padding-bottom: 130px !important;
}

.u-pl-130 {
  padding-left: 130px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-130 {
    margin-top: 130px !important;
  }
  .u-pc-mr-130 {
    margin-right: 130px !important;
  }
  .u-pc-mb-130 {
    margin-bottom: 130px !important;
  }
  .u-pc-ml-130 {
    margin-left: 130px !important;
  }
  .u-pc-pt-130 {
    padding-top: 130px !important;
  }
  .u-pc-pr-130 {
    padding-right: 130px !important;
  }
  .u-pc-pb-130 {
    padding-bottom: 130px !important;
  }
  .u-pc-pl-130 {
    padding-left: 130px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-130 {
    margin-top: 130px !important;
  }
  .u-sp-mr-130 {
    margin-right: 130px !important;
  }
  .u-sp-mb-130 {
    margin-bottom: 130px !important;
  }
  .u-sp-ml-130 {
    margin-left: 130px !important;
  }
  .u-sp-pt-130 {
    padding-top: 130px !important;
  }
  .u-sp-pr-130 {
    padding-right: 130px !important;
  }
  .u-sp-pb-130 {
    padding-bottom: 130px !important;
  }
  .u-sp-pl-130 {
    padding-left: 130px !important;
  }
}
.u-mt-140 {
  margin-top: 140px !important;
}

.u-mr-140 {
  margin-right: 140px !important;
}

.u-mb-140 {
  margin-bottom: 140px !important;
}

.u-ml-140 {
  margin-left: 140px !important;
}

.u-pt-140 {
  padding-top: 140px !important;
}

.u-pr-140 {
  padding-right: 140px !important;
}

.u-pb-140 {
  padding-bottom: 140px !important;
}

.u-pl-140 {
  padding-left: 140px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-140 {
    margin-top: 140px !important;
  }
  .u-pc-mr-140 {
    margin-right: 140px !important;
  }
  .u-pc-mb-140 {
    margin-bottom: 140px !important;
  }
  .u-pc-ml-140 {
    margin-left: 140px !important;
  }
  .u-pc-pt-140 {
    padding-top: 140px !important;
  }
  .u-pc-pr-140 {
    padding-right: 140px !important;
  }
  .u-pc-pb-140 {
    padding-bottom: 140px !important;
  }
  .u-pc-pl-140 {
    padding-left: 140px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-140 {
    margin-top: 140px !important;
  }
  .u-sp-mr-140 {
    margin-right: 140px !important;
  }
  .u-sp-mb-140 {
    margin-bottom: 140px !important;
  }
  .u-sp-ml-140 {
    margin-left: 140px !important;
  }
  .u-sp-pt-140 {
    padding-top: 140px !important;
  }
  .u-sp-pr-140 {
    padding-right: 140px !important;
  }
  .u-sp-pb-140 {
    padding-bottom: 140px !important;
  }
  .u-sp-pl-140 {
    padding-left: 140px !important;
  }
}
.u-mt-150 {
  margin-top: 150px !important;
}

.u-mr-150 {
  margin-right: 150px !important;
}

.u-mb-150 {
  margin-bottom: 150px !important;
}

.u-ml-150 {
  margin-left: 150px !important;
}

.u-pt-150 {
  padding-top: 150px !important;
}

.u-pr-150 {
  padding-right: 150px !important;
}

.u-pb-150 {
  padding-bottom: 150px !important;
}

.u-pl-150 {
  padding-left: 150px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-150 {
    margin-top: 150px !important;
  }
  .u-pc-mr-150 {
    margin-right: 150px !important;
  }
  .u-pc-mb-150 {
    margin-bottom: 150px !important;
  }
  .u-pc-ml-150 {
    margin-left: 150px !important;
  }
  .u-pc-pt-150 {
    padding-top: 150px !important;
  }
  .u-pc-pr-150 {
    padding-right: 150px !important;
  }
  .u-pc-pb-150 {
    padding-bottom: 150px !important;
  }
  .u-pc-pl-150 {
    padding-left: 150px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-150 {
    margin-top: 150px !important;
  }
  .u-sp-mr-150 {
    margin-right: 150px !important;
  }
  .u-sp-mb-150 {
    margin-bottom: 150px !important;
  }
  .u-sp-ml-150 {
    margin-left: 150px !important;
  }
  .u-sp-pt-150 {
    padding-top: 150px !important;
  }
  .u-sp-pr-150 {
    padding-right: 150px !important;
  }
  .u-sp-pb-150 {
    padding-bottom: 150px !important;
  }
  .u-sp-pl-150 {
    padding-left: 150px !important;
  }
}
.u-mt-160 {
  margin-top: 160px !important;
}

.u-mr-160 {
  margin-right: 160px !important;
}

.u-mb-160 {
  margin-bottom: 160px !important;
}

.u-ml-160 {
  margin-left: 160px !important;
}

.u-pt-160 {
  padding-top: 160px !important;
}

.u-pr-160 {
  padding-right: 160px !important;
}

.u-pb-160 {
  padding-bottom: 160px !important;
}

.u-pl-160 {
  padding-left: 160px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-160 {
    margin-top: 160px !important;
  }
  .u-pc-mr-160 {
    margin-right: 160px !important;
  }
  .u-pc-mb-160 {
    margin-bottom: 160px !important;
  }
  .u-pc-ml-160 {
    margin-left: 160px !important;
  }
  .u-pc-pt-160 {
    padding-top: 160px !important;
  }
  .u-pc-pr-160 {
    padding-right: 160px !important;
  }
  .u-pc-pb-160 {
    padding-bottom: 160px !important;
  }
  .u-pc-pl-160 {
    padding-left: 160px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-160 {
    margin-top: 160px !important;
  }
  .u-sp-mr-160 {
    margin-right: 160px !important;
  }
  .u-sp-mb-160 {
    margin-bottom: 160px !important;
  }
  .u-sp-ml-160 {
    margin-left: 160px !important;
  }
  .u-sp-pt-160 {
    padding-top: 160px !important;
  }
  .u-sp-pr-160 {
    padding-right: 160px !important;
  }
  .u-sp-pb-160 {
    padding-bottom: 160px !important;
  }
  .u-sp-pl-160 {
    padding-left: 160px !important;
  }
}
.u-mt-180 {
  margin-top: 180px !important;
}

.u-mr-180 {
  margin-right: 180px !important;
}

.u-mb-180 {
  margin-bottom: 180px !important;
}

.u-ml-180 {
  margin-left: 180px !important;
}

.u-pt-180 {
  padding-top: 180px !important;
}

.u-pr-180 {
  padding-right: 180px !important;
}

.u-pb-180 {
  padding-bottom: 180px !important;
}

.u-pl-180 {
  padding-left: 180px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-180 {
    margin-top: 180px !important;
  }
  .u-pc-mr-180 {
    margin-right: 180px !important;
  }
  .u-pc-mb-180 {
    margin-bottom: 180px !important;
  }
  .u-pc-ml-180 {
    margin-left: 180px !important;
  }
  .u-pc-pt-180 {
    padding-top: 180px !important;
  }
  .u-pc-pr-180 {
    padding-right: 180px !important;
  }
  .u-pc-pb-180 {
    padding-bottom: 180px !important;
  }
  .u-pc-pl-180 {
    padding-left: 180px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-180 {
    margin-top: 180px !important;
  }
  .u-sp-mr-180 {
    margin-right: 180px !important;
  }
  .u-sp-mb-180 {
    margin-bottom: 180px !important;
  }
  .u-sp-ml-180 {
    margin-left: 180px !important;
  }
  .u-sp-pt-180 {
    padding-top: 180px !important;
  }
  .u-sp-pr-180 {
    padding-right: 180px !important;
  }
  .u-sp-pb-180 {
    padding-bottom: 180px !important;
  }
  .u-sp-pl-180 {
    padding-left: 180px !important;
  }
}
.u-mt-200 {
  margin-top: 200px !important;
}

.u-mr-200 {
  margin-right: 200px !important;
}

.u-mb-200 {
  margin-bottom: 200px !important;
}

.u-ml-200 {
  margin-left: 200px !important;
}

.u-pt-200 {
  padding-top: 200px !important;
}

.u-pr-200 {
  padding-right: 200px !important;
}

.u-pb-200 {
  padding-bottom: 200px !important;
}

.u-pl-200 {
  padding-left: 200px !important;
}

@media screen and (min-width: 768px) {
  .u-pc-mt-200 {
    margin-top: 200px !important;
  }
  .u-pc-mr-200 {
    margin-right: 200px !important;
  }
  .u-pc-mb-200 {
    margin-bottom: 200px !important;
  }
  .u-pc-ml-200 {
    margin-left: 200px !important;
  }
  .u-pc-pt-200 {
    padding-top: 200px !important;
  }
  .u-pc-pr-200 {
    padding-right: 200px !important;
  }
  .u-pc-pb-200 {
    padding-bottom: 200px !important;
  }
  .u-pc-pl-200 {
    padding-left: 200px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-mt-200 {
    margin-top: 200px !important;
  }
  .u-sp-mr-200 {
    margin-right: 200px !important;
  }
  .u-sp-mb-200 {
    margin-bottom: 200px !important;
  }
  .u-sp-ml-200 {
    margin-left: 200px !important;
  }
  .u-sp-pt-200 {
    padding-top: 200px !important;
  }
  .u-sp-pr-200 {
    padding-right: 200px !important;
  }
  .u-sp-pb-200 {
    padding-bottom: 200px !important;
  }
  .u-sp-pl-200 {
    padding-left: 200px !important;
  }
}
/* ======================================== */
/* フロート */
/* ======================================== */
.u-float-left {
  float: left !important;
  margin-top: 0;
  margin-right: 20px;
  margin-bottom: 0;
}

.u-float-right {
  float: right !important;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20px;
}

.u-clear {
  clear: both !important;
}

.u-clearfix::after {
  content: "";
  display: block;
  clear: both;
}

@media screen and (max-width: 767px) {
  .u-sp-width-50 {
    max-width: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-width-100 {
    max-width: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-width-150 {
    max-width: 150px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-width-200 {
    max-width: 200px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-width-250 {
    max-width: 250px !important;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-width-300 {
    max-width: 300px !important;
  }
}

.u-align-left {
  text-align: left !important;
}

.u-align-center {
  text-align: center !important;
}

.u-align-right {
  text-align: right !important;
}

.u-valign-top {
  vertical-align: top !important;
}

.u-valign-middle {
  vertical-align: middle !important;
}

.u-valign-bottom {
  vertical-align: bottom !important;
}

.u-fluid-image {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.u-nowrap {
  white-space: nowrap !important;
}

.u-inline-block, .u-inline-block--30pct, .u-inline-block--2column {
  display: inline-block !important;
}

.u-inline-block--2column {
  width: 48%;
}

.u-inline-block--30pct {
  width: 30%;
}

.u-pointer-events-none {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  .u-pc-br-none br {
    display: none;
  }
}


/* component
========================================================================== */
/* page */
.page-hd { position: relative; margin-bottom: 45px; }
.page-hd-title { position: absolute; top: 50%; left: 0; transform: translateY(-50%); margin: 0; width: 100%; text-align: center; font-size: 1.25rem; font-weight: 400; letter-spacing: 0.2em; line-height: 1.2; color: #fff; z-index: 2; }
.page-hd-photo { position: relative; z-index: 1; }
.page-hd-photo img { vertical-align: top; }
.page-top { margin: 86px 0 0; text-align: center; font-size: 0.625rem; letter-spacing: 0.1em; line-height: 1.2; }
.page-top > a { display: inline-block; text-decoration: none; vertical-align: top; }
.page-top > a::before { content: ''; display: block; margin: 0 auto 6px; width: 9px; height: 10px; background: url(../img/common/pagetop.svg) no-repeat center center; background-size: 100% 100%; }

@media screen and (min-width: 768px) {
  .page-hd { margin-bottom: 130px; }
  .page-hd-title { font-size: 1.375rem; }
}

/* btn */
.btn-1 { margin: 30px auto 0; width: 208px; text-align: center; font-size: 0.6875rem; letter-spacing: 0.2em; line-height: 1.2; }
.btn-1 > a { display: block; padding: 10px 6px; width: 100%; border: 1px solid #0e210c; text-decoration: none; }

/* pager */
.pager { position: relative; padding-top: 16px; border-top: 1px solid #959595; }
.pager-back { margin: 0; text-align: center; font-size: 0.9375rem; letter-spacing: 0.2em; line-height: 1.2; }
.pager-back > a { display: inline-block; text-decoration: none; vertical-align: top; }
.pager-posts { margin-top: 16px; border-top: 1px solid #959595; }
.pager-posts > .wrap { display: flex; }
.pager-posts-link { margin: 0; width: 50%; font-size: 0.625rem; letter-spacing: 0.2em; line-height: 1.2; }
.pager-posts-link > a { display: inline-flex; align-items: center; text-decoration: none; vertical-align: top; }
.pager-posts-prev > a::before,
.pager-posts-next > a::after { content: ''; width: 10px; height: 17px; background: url(../img/common/arrow1.svg) no-repeat center center; background-size: 100% 100%; }
.pager-posts-prev > a::before { transform: rotate(180deg); }
.pager-posts-next { margin-left: auto; }
.pager-more { margin: 64px 0 0; text-align: center; font-size: 0.9375rem; letter-spacing: 0.1em; line-height: 1.2; }
.pager-more > a { display: inline-block; text-decoration: none; vertical-align: top; }

@media screen and (max-width: 767px) {
  .pager-posts { padding: 24px 25px 0; }
  .pager-posts-link { width: 11px; height: 22px; }
  .pager-posts-link > a { display: block; position: relative; width: 100%; height: 100%; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
  .pager-posts-prev > a::before,
  .pager-posts-next > a::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}

@media screen and (min-width: 768px) {
  .pager { padding-top: 34px; }
  .pager-back { font-size: 0.625rem; }
  .pager-posts { margin-top: 34px; padding-top: 34px; }
  .pager-posts-link { font-size: 0.625rem; }
  .pager-posts-next { text-align: right; }
  .pager-posts-prev > a::before,
  .pager-posts-next > a::after { width: 18px; height: 20px; }
  .pager-posts-prev > a::before { margin-right: 25px; }
  .pager-posts-next > a::after { margin-left: 25px; }
  .pager-more { margin-top: 58px; font-size: 0.875rem; }
}

/* scrollbar */
.scrollbar-custom { position: relative; overflow: auto; }
.scrollbar-custom-wrapper { position: relative; padding-right: 28px; height: 100%; overflow: auto; }
.scrollbar-custom-content { position: relative; }
.scrollbar-custom-st { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background-color: #fff; cursor: pointer; }
.scrollbar-custom-sb { position: absolute; top: 0; right: 2px; width: 8px; background-color: #040000; cursor: pointer; }
.scrollbar-custom-up,
.scrollbar-custom-down { position: absolute; right: 0; width: 12px; height: 6px; cursor: pointer; }
.scrollbar-custom-up::after,
.scrollbar-custom-down::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/common/scroll_custom1.svg) no-repeat center center; background-size: 100% 100%; }
.scrollbar-custom-up { top: 0; }
.scrollbar-custom-down { bottom: 0; }
.scrollbar-custom-down::after { transform: rotate(180deg); }

@media screen and (min-width: 768px) {
  .scrollbar-custom-wrapper { padding-right: 40px; }
}

/* products
========================================================================== */
/* archive */
.products-archive { position: relative; }
.products-categories { position: relative; }
.products-categories-lists { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.products-categories-lists--item { width: 50%; text-align: center; font-size: 0.5625rem; letter-spacing: 0.2em; line-height: 1.2; }
.products-categories-lists--item > a,
.products-categories-lists--item > span { display: block; padding: 8px 6px; text-decoration: none; color: #7f7f80; }
.products-categories-lists--item > a.active { color: #040000; }
.products-lists { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.products-lists-item { display: flex; flex-direction: column; position: relative; }
.products-lists-item > a { display: block; flex-grow: 1; position: relative; width: 100%; text-decoration: none; }
.products-lists-photo { position: relative; padding-bottom: 130.434782609%; width: 100%; height: 0; overflow: hidden; }
.products-lists-photo img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: inherit; object-fit: cover; z-index: 2; }
.products-lists-photo img.second { z-index: 1; }
.products-lists-info { position: relative; margin-top: 8px; }
.products-lists-color { margin: 0 0 2px; font-size: 0.625rem; font-weight: 700; letter-spacing: 0.1em; line-height: 1.2; }
.products-lists-title { margin: 0 0 2px; font-size: 0.625rem; font-weight: 400; letter-spacing: 0.1em; line-height: 1.33333170663; }
.products-lists-title.is-bold { font-weight: 700; }
.products-lists-code { margin: 0; font-size: 0.625rem; font-weight: 400; letter-spacing: 0.1em; line-height: 1.2; }
.products-lists-price { margin: 4px 0 0; font-size: 0.5rem; font-weight: 400; letter-spacing: 0.1em; line-height: 1.2; }
.products-lists-colors { display: flex; flex-wrap: wrap; margin: 6px 0 0 -6px; }
.products-lists-colors > button { display: block; position: relative; margin: 6px 0 0 6px; padding: 0; width: 18px; height: 18px; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background-color: none; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; border: 1px solid #000; border-radius: 0; box-shadow: none; text-indent: -9999px; white-space: nowrap; cursor: pointer; }
.products-lists-colors > button.active::after { content: ''; position: absolute; top: -4px; left: -4px; width: 24px; height: 24px; border: 1px solid #000; }

@media screen and (max-width: 767px) {
  .products-categories { margin: 0 25px 38px; }
  .products-categories-lists { border-top: 1px solid #0e210c; border-left: 1px solid #0e210c; }
  .products-categories-lists--item { border-bottom: 1px solid #0e210c; border-right: 1px solid #0e210c; }
  .products-lists { margin: 0 25px; }
  .products-lists-item { margin: 26px 22px 0 0; width: calc(50% - 11px); }
  .products-lists-item:nth-of-type(-n+2) { margin-top: 0; }
  .products-lists-item:nth-of-type(2n) { margin-right: 0; }
}

@media screen and (min-width: 768px) {
  .products-categories { margin-bottom: 78px; }
  .products-categories-lists--item { border: 1px solid #0e210c; border-right: none; width: calc(100% / 6); font-size: 0.6875rem; }
  .products-categories-lists--item:nth-of-type(6n) { border-right: 1px solid #0e210c; }
  .products-categories-lists--item > a,
  .products-categories-lists--item > span { padding: 10px 6px; }
  .products-lists-item { margin: 60px 32px 0 0; width: calc(25% - (32px - (32px / 4))); }
  .products-lists-item:nth-of-type(-n+4) { margin-top: 0; }
  .products-lists-item:nth-of-type(4n) { margin-right: 0; }
  .products-lists-info { margin-top: 16px; }
  .products-lists-color { font-size: 0.75rem; }
  .products-lists-title { font-size: 0.75rem; }
  .products-lists-code { font-size: 0.6875rem; }
  .products-lists-price { margin-top: 4px; font-size: 0.625rem; }
  .products-lists-colors { margin: 4px 0 0 -10px; }
  .products-lists-colors > button { margin: 10px 0 0 10px; width: 25px; height: 25px; }
  .products-lists-colors > button.active::after { top: -5px; left: -5px; width: 33px; height: 33px; }

}

/* detail */
.products-detail { position: relative; margin: 0 auto; padding-bottom: 42px; max-width: 1600px; }
.products-detail-gallery { position: relative; }
.products-detail-gallery__main { position: relative; }
.products-detail-gallery__main__frame { position: relative; width: 100%; }
.products-detail-gallery__main__move { margin: 0; padding: 0; list-style: none; }
.products-detail-gallery__main--item { position: relative; }
.products-detail-gallery__main--item img { vertical-align: top; }
.products-detail-gallery__main--item .buy-btn { pointer-events: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 7px; width: 96px; background-color: #0e210c; text-align: center; text-decoration: none; font-size: 0.8235375rem; line-height: 1.2; color: #fff; opacity: 0; }
.device-click .products-detail-gallery__main--item .buy-btn { transition: opacity 0.4s ease; }
.device-click .products-detail-gallery__main--item:hover .buy-btn { pointer-events: inherit; opacity: 1; }
.products-detail-gallery__thumb { margin: 0; padding: 0; list-style: none; }
.products-detail-gallery__thumb--item { position: relative; }
.products-detail-gallery__thumb--item > a { display: block; position: relative; width: 100%; }
.products-detail-gallery__thumb--item img { vertical-align: top; }
.products-detail-info { position: relative; }
.products-detail-code { margin: 0 0 1px; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; line-height: 1.2; }
.products-detail-title { position: relative; }
.products-detail-title--en { margin: 0 0 2px ; font-size: 0.5625rem; letter-spacing: 0.1em; line-height: 1.2; }
.products-detail-title--ja { margin: 0; font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.05em; line-height: 1.2; }
.products-detail-price { margin: 2px 0 0; font-size: 0.625rem; letter-spacing: 0.1em; line-height: 1.2; }
.products-detail-classes { position: relative; margin: 16px 0 0; }
.products-detail-classes--title { margin-bottom: 3px; font-size: 0.5625rem; font-weight: 700; line-height: 1.2; }
.products-detail-classes__content { position: relative; margin: 0; }
.products-detail-classes__lists { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.products-detail-classes__lists--item { position: relative; }
.products-detail-classes__lists--item > a { display: block; position: relative; width: 100%; text-decoration: none; }
.products-detail-classes__lists--item figure { margin: 0; width: 100%; }
.products-detail-classes__lists--item figure img { vertical-align: top; }
.products-detail-classes__lists--item figcaption { margin-top: 3px; font-size: 0.5625rem; letter-spacing: 0.1em; line-height: 1.2; }
.products-detail-description { position: relative; margin-top: 10px; font-size: 0.5rem; line-height: 2.0625; }
.products-detail-description .scrollbar-custom { height: calc(2.0625em * 6); }
.products-detail-description p { margin: 0; }
.products-detail-description p + p { margin-top: 1.99999397031em; }
.products-detail-material { position: relative; margin-top: 20px; }
.products-detail-material__box { display: flex; margin: 0; }
.products-detail-material__box--title,
.products-detail-material__box--text { position: relative; font-size: 0.5625rem; letter-spacing: 0.1em; line-height: 1.71428157925; }
.products-detail-material__box--title { width: 60px; font-weight: 700; }
.products-detail-material__box--title::after { content: ':'; position: absolute; top: 0; right: 0; font-weight: 400; }
.products-detail-material__box--text { margin: 0; padding-left: 15px; width: calc(100% - 60px); }

@media screen and (max-width: 767px) {
  .products-detail { margin: 0 25px; }
  .products-detail-gallery { margin-bottom: 6px; border: 1px solid #231815; }
  .products-detail-gallery__main { z-index: 1; }
  .products-detail-gallery__main__frame { padding-bottom: 112.615384615%; overflow: hidden; }
  .products-detail-gallery__main__move { display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .products-detail-gallery__main--item { width: 100%; height: 100%; }
  .products-detail-gallery__main--item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
  .products-detail-gallery__main--item .buy-btn { display: none; }
  .products-detail-gallery__thumb { display: flex; flex-wrap: wrap; justify-content: center; position: absolute; bottom: 8px; left: 0; width: 100%; z-index: 2; }
  .products-detail-gallery__thumb--item { margin: 0 4px; width: 8px; height: 8px; }
  .products-detail-gallery__thumb--item > a { height: 100%; }
  .products-detail-gallery__thumb--item > a::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 3px; height: 3px; background-color: #636464; border-radius: 50%; }
  .products-detail-gallery__thumb--item.active > a::after { width: 100%; height: 100%; }
  .products-detail-gallery__thumb--item img { display: none; }
  .products-detail-title--ja br { display: none; }
  .products-detail-classes__lists--item { margin: 2.46153846154% 2.46153846154% 0 0; width: 15.6923076923%; }
  .products-detail-classes__lists--item:nth-of-type(-n+5) { margin-top: 0; }
  .products-detail-classes__lists--item:nth-of-type(5n) { margin-right: 0; }
}

@media screen and (min-width: 768px) {
  .products-detail { display: flex; align-items: flex-start; padding: 0 20px 0 50px; }
  .products-detail-gallery { display: flex; margin-right: 78px; width: calc(100% - 508px); }
  .products-detail-gallery__main { margin-left: 100px; width: calc(100% - 100px); }
  .products-detail-gallery__main__move { transform: none !important; width: 100% !important; }
  .products-detail-gallery__main--item { display: none; border: 1px solid #231815; width: 100% !important; }
  .products-detail-gallery__main--item.origin { display: block; }
  .products-detail-gallery__main--item.origin + .origin { margin-top: 6px; }
  .products-detail-gallery__thumb { position: fixed; margin-top: 104px; width: 56px; }
  .products-detail-gallery__thumb--item { border: 1px solid #231815; }
  .products-detail-gallery__thumb--item.active { opacity: 0.7; }
  .products-detail-gallery__thumb.bottom { position: absolute; bottom: 0; }
  .products-detail-info { position: sticky; top: 0; margin-top: -80px; padding-top: 80px; width: 430px; }
  .products-detail-code { margin-bottom: 5px; font-size: 1.3125rem; }
  .products-detail-title--en { margin-bottom: 5px; font-size: 0.6875rem; }
  .products-detail-title--ja { font-size: 1.3125rem; line-height: 1.33333333333; }
  .products-detail-price { margin-top: 8px; font-size: 0.6rem; }
  .products-detail-classes { margin-top: 14px; }
  .products-detail-classes--title { margin-bottom: 3px; font-size: 0.6rem; }
  .products-detail-classes__lists--item { margin: 1.86046511628% 1.86046511628% 0 0; width: 13.2558139535%; }
  .products-detail-classes__lists--item:nth-of-type(-n+6) { margin-top: 0; }
  .products-detail-classes__lists--item:nth-of-type(6n) { margin-right: 0; }
  .products-detail-classes__lists--item figcaption { margin-top: 2px; font-size: 0.6rem; }
  .products-detail-description { margin-top: 26px; padding-right: 36px; font-size: 0.6875rem; line-height: 2.00000910705; }
  .products-detail-description .scrollbar-custom { height: 240px; }
  .products-detail-description p + p { margin-top: 2.00000910705em; }
  .products-detail-material { margin-top: 20px; }
  .products-detail-material__box--title,
  .products-detail-material__box--text { font-size: 0.6rem; line-height: 1.71427976686; }
  .products-detail-material__box--title { width: 70px; }
  .products-detail-material__box--text { padding-left: 14px; width: calc(100% - 70px); }
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  .products-detail-gallery { margin-right: 20px; width: calc(100% - 450px); }
}

/* otehrs */
@media screen and (max-width: 767px) {
  .products-others { margin: 36px 25px 0; }
}

@media screen and (min-width: 768px) {
  .products-others { margin-top: 160px; }
}

/* slide */
.products-slide { position: relative; opacity: 0; }
.products-slide-frame { position: relative; overflow: hidden; }
.products-slide-move { display: flex; margin: 0; padding: 0; list-style: none; }
.products-slide-item { position: relative; }
.products-slide-item > a { display: block; width: 100%; }
.products-slide-direct { position: absolute; top: 50%; margin-top: -10px; width: 18px; height: 20px; text-decoration: none; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.products-slide-direct::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/common/slide_direct1.svg) no-repeat center center; background-size: 100% 100%; }
.products-slide-direct--prev { left: -60px; transform: rotate(180deg); }
.products-slide-direct--next { right: -60px; }

@media screen and (max-width: 767px) {
  .products-slide-move { flex-wrap: wrap; transform: none !important; margin: 0 !important; width: 100% !important; }
  .products-slide-item { display: none !important; margin-top: 5.8461538462%; }
  .products-slide-item.origin { display: block !important; }
  .products-slide-item:nth-of-type(-n+2) { margin-top: 0; }
  .products-slide-item:nth-of-type(2n+1) { margin-left: 0 !important; }
  .products-slide-direct { display: none; }
}

@media screen and (min-width: 768px) {
  .products-slide { margin: 0 auto; max-width: 868px; }
}

/* about
========================================================================== */
/* index */
.about-index { position: relative; }

@media screen and (max-width: 767px) {
  .about-index-content { margin: 0 25px; }
}

@media screen and (min-width: 768px) {
  .about-index .page-hd { margin-bottom: 50px; }
}

/* top */
.about-top { position: relative; }
.about-top-title { margin-bottom: 28px; text-align: center; }
.about-top-title--en,
.about-top-title--ja { margin: 0; font-weight: 400; line-height: 1.2; }
.about-top-title--en { margin-bottom: 8px; font-size: 0.6875rem; letter-spacing: 0.2em; }
.about-top-title--ja { font-size: 0.9375rem; }
.about-top-photo { display: block; position: relative; margin: 0; }
.about-top-photo img { vertical-align: top; }
.about-top-photo figcaption { font-size: 0.75rem; line-height: 1.2; }
.about-top-text { font-size: 0.625rem; letter-spacing: 0.1em; line-height: 1.9; }
.about-top-text p { margin: 0; }
.about-top-text p + p { margin-top: 1.9em; }

@media screen and (max-width: 767px) {
  .about-top-photo { margin: 0 auto 32px; width: 60.8519230769%; }
  .about-top-photo figcaption { margin-top: 4px; }
}

@media screen and (min-width: 768px) {
  .about-top-title { margin-bottom: 64px; }
  .about-top-title--en { margin-bottom: 50px; font-size: 1.375rem; }
  .about-top-title--ja { font-size: 1.875rem; }
  .about-top-row { display: flex; justify-content: space-between; align-items: flex-start; }
  .about-top-photo { width: 27.0588235294%; }
  .about-top-photo figcaption { margin-top: 8px; }
  .about-top-text { margin-top: -8px; width: 68.6274509804%; font-size: 1.0625rem; line-height: 2; }
  .about-top-text p + p { margin-top: 2em; }
}

@media screen and (min-width: 900px) {
  .about-top-photo figcaption { position: absolute; bottom: 0; right: -14px; transform: translateX(100%); margin-top: 0; }
}

/* claftmanship */
.about-claftmanship { position: relative; margin-top: 80px; }
.about-claftmanship-title { position: relative; }
.about-claftmanship-title--photo { position: relative; z-index: 1; }
.about-claftmanship-title--en { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: 0; font-size: 1.25rem; font-weight: 400; letter-spacing: 0.2em; line-height: 1.2; color: #fff; z-index: 2; }
.about-claftmanship-title--photo img { vertical-align: top; }
.about-claftmanship-copy { margin: 0 0 20px; text-align: center; font-size: 1rem; letter-spacing: 0.1em; line-height: 1.75; }
.about-claftmanship-text { font-size: 0.5rem; letter-spacing: 0.1em; line-height: 2; }
.about-claftmanship-text p { margin: 0; }
.about-claftmanship-text p + p { margin-top: 30px; }
.about-claftmanship-photo { margin-top: 30px; }
.about-claftmanship-photo img { vertical-align: top; }

@media screen and (max-width: 767px) {
  .about-claftmanship-title { margin: 0 -25px 30px; width: calc(100% + 50px); }
}

@media screen and (min-width: 768px) {
  .about-claftmanship { margin-top: 178px; }
  .about-claftmanship-title { margin-bottom: 60px; }
  .about-claftmanship-title--en { font-size: 1.375rem; }
  .about-claftmanship-copy { margin-bottom: 65px; font-size: 1.875rem; }
  .about-claftmanship-text { font-size: 1.0625rem; }
  .about-claftmanship-text p + p { margin-top: 58px; }
  .about-claftmanship-photo { margin-top: 74px; }
}

/* lab */
.about-lab { position: relative; margin-top: 34px; }
.about-lab-title { margin: 0 0 30px; text-align: center; font-size: 0.6875rem; font-weight: 400; letter-spacing: 0.2em; line-height: 1.2; }
.about-lab-text { text-align: justify; font-size: 0.5rem; letter-spacing: 0.1em; line-height: 2; }
.about-lab-text p { margin: 0; }
.about-lab-text p + p { margin-top: 30px; }
.about-lab .btn-1 { margin-top: 32px; width: 150px; font-size: 0.375rem; letter-spacing: 0.1em; }
.about-lab .btn-1 > a { padding: 2px 0; }

@media screen and (max-width: 767px) {
}

@media screen and (min-width: 768px) {
  .about-lab { margin-top: 132px; }
  .about-lab-title { margin-bottom: 26px; font-size: 1.375rem; }
  .about-lab-text { font-size: 1.0625rem; }
  .about-lab-text p + p { margin-top: 58px; }
  .about-lab .btn-1 { margin-top: 50px; width: 250px; font-size: 0.75rem; }
  .about-lab .btn-1 > a { padding: 6px 0; }
}

/* news
========================================================================== */
.single-news .p-main { padding-bottom: 24px; }

@media screen and (min-width: 768px) {
  .single-news .p-main { padding-bottom: 34px; }
}

/* archive */
.news-archive { position: relative; }
.news-archive .page-hd { margin-bottom: 24px; }
.news-categories { position: relative; }
.news-categories-title { margin: 0 0 20px; padding: 5px 0; border: 1px solid #040000; text-align: center; font-size: 0.875rem; font-weight: 400; letter-spacing: 0.1em; line-height: 1.2; }
.news-categories-lists { margin: 0; padding: 0; list-style: none; }
.news-categories-lists--item { position: relative; font-size: 0.5625rem; letter-spacing: 0.2em; line-height: 1.2; }
.news-categories-lists--item > a { display: block; position: relative; text-decoration: none; }
.news-categories-lists--item span::before { content: '('; }
.news-categories-lists--item span::after { content: ')'; }
.news-lists { margin: 0; padding: 0; list-style: none; }
.news-lists-item { position: relative; }
.news-lists-item > a { display: block; position: relative; width: 100%; text-decoration: none; }
.news-lists-photo { position: relative; padding-bottom: 64.9509803922%; width: 100%; height: 0; overflow: hidden; }
.news-lists-photo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; max-width: inherit; vertical-align: top; object-fit: cover; }
.news-lists-info { margin-top: 6px; }
.news-lists-date { margin: 0; font-size: 0.5625rem; font-weight: 700; letter-spacing: 0.1em; line-height: 1.2; }
.news-lists-title { margin: 3px 0 0; font-size: 0.75rem; font-weight: 400; line-height: 1.2; }

@media screen and (max-width: 767px) {
  .news-archive-row { margin: 0 25px; }
  .news-categories { margin-bottom: 38px; }
  .news-categories-lists { display: flex; flex-wrap: wrap; border-top: 1px solid #000; }
  .news-categories-title { display: none; }
  .news-categories-lists--item { border-right: 1px solid #000; border-bottom: 1px solid #000; width: 33.3333%; text-align: center; }
  .news-categories-lists--item:nth-of-type(3n+1) { border-left: 1px solid #000; }
  .news-categories-lists--item > a { padding: 8px 4px; color: #7f7f80; }
  .news-categories-lists--item > a.active { color: #000; }
  .news-categories-lists--item span { display: none; }
  .news-archive-content { margin: 0 15px; }
  .news-lists-item:not(:first-child) { margin-top: 38px; }
}

@media screen and (min-width: 768px) {
  .news-archive .page-hd { margin-bottom: 82px; }
  .news-archive-row { display: flex; flex-flow: row-reverse; max-width: 1160px; }
  .news-categories { width: 200px; }
  .news-categories-lists { margin-left: 26px; }
  .news-categories-lists--item { font-size: 1.125rem; font-weight: 500; letter-spacing: 0.1em; }
  .news-categories-lists--item:not(:first-child) { margin-top: 6px; }
  .news-categories-lists--item > a { display: inline-block; vertical-align: top; }
  .news-categories-lists--item > a::before { content: '\30FB'; }
  .news-archive-content { margin-right: 50px; width: calc(100% - 250px); }
  .news-lists { display: flex; flex-wrap: wrap; }
  .news-lists-item { margin: 48px 6.2068965518% 0 0; width: 46.8965517241%; }
  .news-lists-item:nth-of-type(-n+2) { margin-top: 0; }
  .news-lists-item:nth-of-type(2n) { margin-right: 0; }
  .news-lists-info { margin-top: 12px; }
  .news-lists-date { font-size: 0.625rem; }
  .news-lists-title { margin-top: 2px; font-size: 1.125rem; }
}

/* detail */
.news-detail { position: relative; padding-top: 65px; }
.news-detail-hd { position: relative; }
.news-detail-subtitle { margin: 0 0 1px; font-size: 0.625rem; letter-spacing: 0.1em; line-height: 1.2; }
.news-detail-title { margin: 0; font-size: 1.25rem; font-weight: 700; letter-spacing: 0.1em; line-height: 1.175; }
.news-detail-date { margin: 24px 0 0; font-size: 0.5rem; font-weight: 700; letter-spacing: 0.1em; line-height: 1.2; }
.news-detail-content { font-size: 0.625rem; letter-spacing: 0.1em; line-height: 1.7; }
.news-detail-content img { vertical-align: top; }
.news-detail-content figure { margin: 0; }
.news-detail-content p,
.news-detail-content .wp-block-heading { margin: 0 14px; }
.news-detail-content .has-text-align-center { text-align: center; }
.news-detail-content .wp-block-post-featured-image { margin-bottom: 46px; }
.news-detail-content .wp-block-heading { margin-bottom: 14px; font-size: 0.9375rem; font-weight: 700; line-height: 1.6; }
.news-detail-content .wp-block-image { margin-top: 30px; }
.news-detail-content .wp-block-columns { margin: 30px 55px 0; }
.news-detail-content .wp-block-column { font-size: 0.6875rem; line-height: 1.33333333333; }
.news-detail-content .wp-block-button { margin-top: 24px; width: 100%; }
.news-detail-content .wp-element-button { display: block; margin: 0 auto; padding: 6px 4px; max-width: 130px; background-color: #000; border-radius: 7px; text-align: center; text-decoration: none; font-size: 0.8125rem; letter-spacing: 0.1em; line-height: 1.2; color: #fff; }

.news-detail-ft { margin-top: 58px; }

@media screen and (max-width: 767px) {
  .news-detail-hd { margin: 0 25px 18px; }
  .news-detail-content { margin: 0 25px; }
  .news-detail-content .wp-block-column + .wp-block-column { margin-top: 6px; }
  .news-detail-content .wp-block-column p { margin-right: 0; margin-left: 0; }
}

@media screen and (min-width: 768px) {
  .news-detail { padding-top: 122px; }
  .news-detail-hd { margin-bottom: 4px; }
  .news-detail-subtitle { margin-bottom: 16px; font-size: 0.6875rem; }
  .news-detail-title { font-size: 2.0625rem; }
  .news-detail-date { margin-top: 60px; font-size: 0.5rem; }
  .news-detail-content { font-size: 1.0625rem; line-height: 2; }
  .news-detail-content p,
  .news-detail-content .wp-block-heading,
  .news-detail-content .wp-block-image,
  .news-detail-content .wp-block-columns { margin-right: 110px; margin-left: 110px; }
  .news-detail-content .wp-block-heading { margin-bottom: 20px; font-size: 1.6875rem; line-height: 1.42995555556; }
  .news-detail-content .wp-block-post-featured-image { margin-bottom: 74px; }
  .news-detail-content .wp-block-image { margin-top: 72px; }
  .news-detail-content .wp-block-columns { display: flex; align-items: flex-end; margin-top: 160px; }
  .news-detail-content .wp-block-columns .wp-block-image { margin: 0; }
  .news-detail-content .wp-block-column { font-size: 1.125rem; line-height: 1.33332967798; }
  .news-detail-content .wp-block-column p { margin-right: 20px; margin-left: 20px; }
  .news-detail-content .wp-block-button { margin-top: 20px; }
  .news-detail-content .wp-element-button { padding: 8px 4px; max-width: 200px; border-radius: 10px; font-size: 1.25rem; }

  .news-detail-ft { margin-top: 118px; }
}

/* lookbook
========================================================================== */
.lookbook img { width: 100%; max-width: inherit; vertical-align: top; }
.lookbook a { display: inline-block; vertical-align: top; }
.lookbook .col { position: relative; transition: transform 1.2s ease, opacity 1.2s ease; transform: translateY(20px); opacity: 0; }
.lookbook .col.scroll-done { transform: translateX(0); opacity: 1; }
.lookbook .name,
.lookbook .code { margin: 0; font-size: 0.75rem; line-height: 1.75; }
.lookbook .code { font-weight: 700; }
.lookbook .name + .code { margin-top: -6px; }
.lookbook .movie { position: relative; width: 100%; height: 0; overflow: hidden; }
.lookbook .movie > a { display: block; position: relative; z-index: 2; }
.lookbook .movie > a::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 21px; height: 25px; background: url(../img/common/play1.svg) no-repeat center center; background-size: 100% 100%; }
.lookbook .movie-media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.lookbook .movie-media > a,
.lookbook .movie-media video,
.lookbook .movie-media iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.lookbook .photo > a { width: 100%; }

@media screen and (min-width: 768px) {
  .lookbook .col { transform: translateY(50px); }
  .lookbook .name,
  .lookbook .code { font-size: 0.875rem; }
  .lookbook .name + .code { margin-top: -8px; }
  .lookbook .movie > a::after { width: 42px; height: 50px; }
}

/* 1st */
.lookbook-1st { position: relative; }
.lookbook-1st-main .movie { padding-bottom: 56.04472%; }

@media screen and (max-width: 767px) {
  .lookbook-1st-layout1 { margin-top: 16px; }
  .lookbook-1st-layout1 > .col:nth-of-type(1) { margin: 0 auto; width: 87.4260933333%; }
  .lookbook-1st-layout1 > .col:nth-of-type(2) { display: flex; flex-flow: column-reverse; margin: 16px 6.93333333333% 0 auto; width: 69.26484%; }
  .lookbook-1st-layout1 > .col:nth-of-type(2) .info { margin-top: 4px; }
  .lookbook-1st-layout2 { margin-top: 26px; }
  .lookbook-1st-layout3 { margin-top: 44px; }
  .lookbook-1st-layout3 > .col:nth-of-type(2) { margin: 8px 0 0 auto; width: 70.9862933333%; }
  .lookbook-1st-layout3 > .col:nth-of-type(3) { margin: 10px 0 0 6.66666666667%; width: 50.9780533333%; }
  .lookbook-1st-layout3 > .col:nth-of-type(4) { margin: -3px 0 0 6.66666666667%; }
  .lookbook-1st-layout3 { margin-top: 20px; }
  .lookbook-1st-layout5 { display: flex; flex-wrap: wrap; margin-top: 15px; }
  .lookbook-1st-layout5 > .col:nth-of-type(1) { order: 1; margin-left: 16.56284%; width: 36.7803333333%; }
  .lookbook-1st-layout5 > .col:nth-of-type(2) { order: 3; margin: 10px 0 0 7.26732%; width: 58.91976%; }
  .lookbook-1st-layout5 > .col:nth-of-type(2) .movie { padding-bottom: 78.5067918358%; }
  .lookbook-1st-layout5 > .col:nth-of-type(3) { order: 2; width: 39.25764%; }
  .lookbook-1st-layout5 > .col:nth-of-type(4) { order: 4; margin: 4px auto 0; width: 86.6666666667%; }
  .lookbook-1st-layout6 { margin-top: 30px; }
  .lookbook-1st-layout6 > .col { margin: 0 auto; width: 86.0770133333%; }
  .lookbook-1st-layout6 > .col:nth-of-type(2) .movie { padding-bottom: 104.105570122%; }
  .lookbook-1st-layout6 > .col:nth-of-type(3) { margin-top: 4px; }
  .lookbook-1st-layout7 { margin-top: 30px; }
  .lookbook-1st-layout8 { margin-top: 20px; }
  .lookbook-1st-layout8 > .col:nth-of-type(1) { margin: 0 auto; width: 86.0283066667%; }
  .lookbook-1st-layout8 > .col:nth-of-type(2) { margin-top: 20px; width: 85.6721866667%; }
  .lookbook-1st-layout8 > .col:nth-of-type(3) { margin: 4px auto 0; width: 86.0283066667%; }
  .lookbook-1st-layout9 { display: flex; flex-wrap: wrap; margin-top: 40px; }
  .lookbook-1st-layout9 > .col { margin: 0 auto; width: 84.3617733333%; }
  .lookbook-1st-layout9 > .col:nth-of-type(1) { order: 2; }
  .lookbook-1st-layout9 > .col:nth-of-type(1) .movie { padding-bottom: 100%; }
  .lookbook-1st-layout9 > .col:nth-of-type(2) { order: 1; }
  .lookbook-1st-layout9 > .col:nth-of-type(3) { order: 3; margin-top: 4px; }
  .lookbook-1st-layout10 { margin-top: 40px; }
  .lookbook-1st-layout10 > .col:nth-of-type(2) { margin: 4px auto; width: 84.3617733333%; }
  .lookbook-1st .page-top { display: none; }
}

@media screen and (min-width: 768px) {
  .lookbook-1st-layout1 { display: flex; margin-top: 102px; }
  .lookbook-1st-layout1 > .col:nth-of-type(1) { width: 61.4731960784%; }
  .lookbook-1st-layout1 > .col:nth-of-type(2) { margin: 222px 0 0 7.8431372549%; width: 30.6763921569%; }
  .lookbook-1st-layout1 > .col:nth-of-type(2) .info { margin-bottom: 16px; }
  .lookbook-1st-layout2 { display: flex; margin-top: 150px; max-width: 1096px; }
  .lookbook-1st-layout2 > .col { width: 50%; }
  .lookbook-1st-layout3 { display: flex; flex-wrap: wrap; margin: 150px auto 0; }
  .lookbook-1st-layout3 > .col:nth-of-type(1) { margin: 0 auto; width: 58.2352941176%; }
  .lookbook-1st-layout3 > .col:nth-of-type(2) { margin-left: 20.8823529412%; width: 31.9607843137%; }
  .lookbook-1st-layout3 > .col:nth-of-type(3) { width: 26.2745098039%; }
  .lookbook-1st-layout3 > .col:nth-of-type(4) { margin: 4px auto 0; width: 58.2352941176%; }
  .lookbook-1st-layout4 { display: flex; justify-content: center; margin-top: 106px; }
  .lookbook-1st-layout4 > .col { width: 46.1776764706%; }
  .lookbook-1st-layout5 { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 60px; }
  .lookbook-1st-layout5 > .col:nth-of-type(1) { width: 22.8529803922%; }
  .lookbook-1st-layout5 > .col:nth-of-type(2) { width: 43.3662254902%; }
  .lookbook-1st-layout5 > .col:nth-of-type(2) .movie { padding-bottom: 78.5067918358%; }
  .lookbook-1st-layout5 > .col:nth-of-type(3) { width: 24.3922254902%; }
  .lookbook-1st-layout5 > .col:nth-of-type(4) { margin-top: 4px; width: 100%; }
  .lookbook-1st-layout6 { display: flex; flex-wrap: wrap; align-items: flex-end; margin-top: 136px; }
  .lookbook-1st-layout6 > .col:nth-of-type(1) { margin-left: 8.82352941176%; width: 44.2261862745%; }
  .lookbook-1st-layout6 > .col:nth-of-type(2) { margin: 0 0 20px 7.35294117647%; width: 33.449245098%; }
  .lookbook-1st-layout6 > .col:nth-of-type(2) .movie { padding-bottom: 104.105570817%; }
  .lookbook-1st-layout6 > .col:nth-of-type(3) { margin: -16px 0 0 60.4901960784%; }
  .lookbook-1st-layout7 { margin-top: 136px; }
  .lookbook-1st-layout8 { display: flex; flex-wrap: wrap; margin-top: 86px; }
  .lookbook-1st-layout8 > .col:nth-of-type(1) { margin-left: 7.8431372549%; width: 45.8280490196%; }
  .lookbook-1st-layout8 > .col:nth-of-type(2) { margin-left: 5.09803921569%; width: 34.8353039216%; }
  .lookbook-1st-layout8 > .col:nth-of-type(3) { margin: 4px 0 0 7.8431372549%; }
  .lookbook-1st-layout9 { display: flex; flex-wrap: wrap; align-items: flex-end; margin-top: 86px; }
  .lookbook-1st-layout9 > .col:nth-of-type(1) { width: 38.8513431373%; }
  .lookbook-1st-layout9 > .col:nth-of-type(1) .movie { padding-bottom: 100%; }
  .lookbook-1st-layout9 > .col:nth-of-type(2) { margin-left: 5.6862745098%; width: 49.2950588235%; }
  .lookbook-1st-layout9 > .col:nth-of-type(3) { margin-top: 4px; width: 100%; }
  .lookbook-1st-layout10 { margin-top: 92px; }
  .lookbook-1st-layout10 > .col:nth-of-type(2) { margin-top: 20px; }
}

/* 2nd */
.lookbook-2nd { position: relative; }
.lookbook-2nd-main .movie { padding-bottom: 56.04472%; }

@media screen and (max-width: 767px) {
  .lookbook-2nd-layout1 { margin-top: 16px; }
  .lookbook-2nd-layout1 > .col { margin: 0 auto; width: 86.17748%; }
  .lookbook-2nd-layout1 > .col:nth-of-type(1) .movie { padding-bottom: 72.8671307905%; }
  .lookbook-2nd-layout1 > .col:nth-of-type(2) { margin-top: 4px; }
  .lookbook-2nd-layout2 { margin: 45px auto 0; width: 80%; }
  .lookbook-2nd-layout3 { margin-top: 24px; }
  .lookbook-2nd-layout3 > .col:nth-of-type(2),
  .lookbook-2nd-layout3 > .col:nth-of-type(3),
  .lookbook-2nd-layout3 > .col:nth-of-type(4) { margin: 0 auto; width: 59.1461066667%; }
  .lookbook-2nd-layout3 > .col:nth-of-type(2) { margin-top: 35px; }
  .lookbook-2nd-layout3 > .col:nth-of-type(4) { margin-top: 4px; }
  .lookbook-2nd-layout4 { margin-top: 40px; }
  .lookbook-2nd-layout4 > .col:nth-of-type(2),
  .lookbook-2nd-layout4 > .col:nth-of-type(3) { margin: 0 auto; width: 66.2021466667%; }
  .lookbook-2nd-layout4 > .col:nth-of-type(2) { margin-top: 34px; }
  .lookbook-2nd-layout4 > .col:nth-of-type(3) { margin-top: 4px; }
  .lookbook-2nd-layout5 { margin-top: 30px; }
  .lookbook-2nd-layout6 { margin-top: 16px; }
  .lookbook-2nd-layout6 > .col:nth-of-type(1) { margin-left: 6.86666666667%; width: 55.5267333333%; }
  .lookbook-2nd-layout6 > .col:nth-of-type(1) .movie { padding-bottom: 100%; }
  .lookbook-2nd-layout6 > .col:nth-of-type(2) { display: flex; flex-flow: column; margin-top: 10px; }
  .lookbook-2nd-layout6 > .col:nth-of-type(2) .photo { order: 1; margin-left: 37.6%; width: 55.5551066667%; }
  .lookbook-2nd-layout6 > .col:nth-of-type(2) .info { order: 2; margin: 4px 0 0 6.66666666667%; }
  .lookbook-2nd-layout7 { margin-top: 52px; }
  .lookbook-2nd-layout7 > .col { margin: 0 auto; width: 86.59556%; }
  .lookbook-2nd-layout7 > .col:nth-of-type(3) { margin-top: 4px; }
  .lookbook-2nd-layout8 { margin-top: 44px; }
  .lookbook-2nd-layout8 > .col:nth-of-type(1) { margin-left: auto; width: 67.7034933333%; }
  .lookbook-2nd-layout8 > .col:nth-of-type(2) { margin: 26px 0 0 12.2666666667%; width: 74.6769733333%; }
  .lookbook-2nd-layout8 > .col:nth-of-type(3) { margin: 4px 0 0 12.2666666667%; }
  .lookbook-2nd-layout9 { margin-top: 38px; }
  .lookbook-2nd-layout9 > .col:nth-of-type(2) { margin: 4px auto; width: 84.3617733333%; }
  .lookbook-2nd .page-top { display: none; }
}

@media screen and (min-width: 768px) {
  .lookbook-2nd-layout1 { margin-top: 115px; }
  .lookbook-2nd-layout1 > .col { margin: 0 auto; width: 70.1803333333%; }
  .lookbook-2nd-layout1 > .col:nth-of-type(1) .movie { padding-bottom: 72.8671384334%; }
  .lookbook-2nd-layout1 > .col:nth-of-type(2) { margin-top: 20px; }
  .lookbook-2nd-layout2 { display: flex; margin-top: 24px; max-width: 1096px; }
  .lookbook-2nd-layout2 > .col { width: 50%; }
  .lookbook-2nd-layout3 { margin-top: 140px; overflow: hidden; }
  .lookbook-2nd-layout3 > .col { float: left; }
  .lookbook-2nd-layout3 > .col:nth-of-type(1) { width: 71.0784313725%; }
  .lookbook-2nd-layout3 > .col:nth-of-type(2),
  .lookbook-2nd-layout3 > .col:nth-of-type(3) { width: 28.9215686275%; }
  .lookbook-2nd-layout3 > .col:nth-of-type(4) { clear: both; margin-top: 20px; width: 100%; }
  .lookbook-2nd-layout4 { display: flex; flex-wrap: wrap; margin-top: 122px; }
  .lookbook-2nd-layout4 > .col:nth-of-type(1) { width: 50.0034901961%; }
  .lookbook-2nd-layout4 > .col:nth-of-type(2),
  .lookbook-2nd-layout4 > .col:nth-of-type(3) { width: 40.8147843137%; }
  .lookbook-2nd-layout4 > .col:nth-of-type(2) { margin: 41.568627451% 0 0 8.03921568627%; }
  .lookbook-2nd-layout4 > .col:nth-of-type(3) { margin: 8px 0 0 58.2352941176%; }
  .lookbook-2nd-layout5 { margin-top: 126px; }
  .lookbook-2nd-layout6 { display: flex; align-items: flex-end; margin-top: 58px; }
  .lookbook-2nd-layout6 > .col:nth-of-type(1) { margin-left: 6.66666666667%; width: 40.8284803922%; }
  .lookbook-2nd-layout6 > .col:nth-of-type(1) .movie { padding-bottom: 100%; }
  .lookbook-2nd-layout6 > .col:nth-of-type(2) { margin-left: 8.43137254902%; width: 35.6495294118%; }
  .lookbook-2nd-layout6 > .col:nth-of-type(2) .info { margin-bottom: 10px; }
  .lookbook-2nd-layout7 { display: flex; flex-wrap: wrap; align-items: flex-end; margin-top: 176px; }
  .lookbook-2nd-layout7 > .col:nth-of-type(1) { width: 40.6497745098%; }
  .lookbook-2nd-layout7 > .col:nth-of-type(2) { margin-left: 11.1764705882%; width: 40.5592647059%; }
  .lookbook-2nd-layout7 > .col:nth-of-type(3) { margin-top: 14px; }
  .lookbook-2nd-layout8 { margin-top: 170px; overflow: hidden; }
  .lookbook-2nd-layout8 > .col { float: left; }
  .lookbook-2nd-layout8 > .col:nth-of-type(1) { width: 46.2623921569%; }
  .lookbook-2nd-layout8 > .col:nth-of-type(2) { float: right; margin-left: 8.4288529411%; width: 45.308754902%; }
  .lookbook-2nd-layout8 > .col:nth-of-type(3) { text-align: right; width: 46.2623921569%; }
  .lookbook-2nd-layout8 > .col:nth-of-type(3) .info { display: inline-block; text-align: left; vertical-align: top; }
  .lookbook-2nd-layout9 { margin-top: 136px; }
  .lookbook-2nd-layout9 > .col:nth-of-type(2) { margin-top: 20px; }
}

/* 24spring　1st */
.lookbook-24s-1st { position: relative; }
.lookbook-24s-1st--main .movie { padding-bottom: 56.25%; background: none; }

@media screen and (max-width: 767px) {
  .lookbook-24s-1st { padding-bottom: 66px; }
  .lookbook-24s-1st .info { margin-top: 2px; }
  .lookbook-24s-1st--layout1 { margin-top: 30px; }
  .lookbook-24s-1st--layout1 > .col:nth-of-type(1) .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-24s-1st--layout1 > .col:nth-of-type(2) { margin: 20px auto 0; width: 78.6666666667%; }
  .lookbook-24s-1st--layout1 > .col:nth-of-type(3) { margin-top: 60px; }
  .lookbook-24s-1st--layout1 > .col:nth-of-type(3) .movie { padding-bottom: 55.9895833333%; }
  .lookbook-24s-1st--layout2 { margin-top: 80px; }
  .lookbook-24s-1st--layout2 > .col:nth-of-type(1) .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-24s-1st--layout2 > .col:nth-of-type(2) { margin: 40px auto 0; width: 78.6666666667%; }
  .lookbook-24s-1st--layout3 { margin-top: 80px; }
  .lookbook-24s-1st--layout3 > .col:nth-of-type(1) .movie { padding-bottom: 139.733333333%; }
  .lookbook-24s-1st--layout3 > .col:nth-of-type(2) { margin: 20px 0 0 auto; width: 64.5333333333%; }
  .lookbook-24s-1st--layout3 > .col:nth-of-type(3) { margin: 30px auto 0 0; width: 64.5333333333%; }
  .lookbook-24s-1st--layout3 > .col:nth-of-type(3) .info { margin-left: 10.6666666667%; }
  .lookbook-24s-1st--layout4 { margin-top: 40px; }
  .lookbook-24s-1st--layout4 > .col:nth-of-type(1) .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-24s-1st--layout5 { margin-top: 50px; }
  .lookbook-24s-1st--layout5 > .col:nth-of-type(1) .movie { padding-bottom: 139.733333333%; }
  .lookbook-24s-1st--layout6 { margin-top: 90px; }
  .lookbook-24s-1st--layout6 > .col:nth-of-type(1) .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-24s-1st--layout6 > .col:nth-of-type(2) { margin-top: 50px; }
  .lookbook-24s-1st--layout6 > .col:nth-of-type(2) .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-24s-1st--layout7 { margin-top: 30px; }
  .lookbook-24s-1st--layout7 > .col:nth-of-type(1) { margin-left: auto; width: 64.5333333333%; }
  .lookbook-24s-1st--layout7 > .col:nth-of-type(2) { margin: 20px 0 0 10.6666666667%; width: 64.5333333333%; }
  .lookbook-24s-1st--layout8 { margin-top: 80px; }
  .lookbook-24s-1st--layout8 > .col:nth-of-type(1) .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-24s-1st--layout8 > .col:nth-of-type(2) { margin: 78px auto 0; width: 48%; }

  .lookbook-24s-1st .page-top { display: none; }
}

@media screen and (min-width: 768px) {
  .lookbook-24s-1st .info { margin-top: 6px; }
  .lookbook-24s-1st--layout1 { margin-top: 150px; }
  .lookbook-24s-1st--layout1::after { content: ''; clear: both; display: block; }
  .lookbook-24s-1st--layout1 > .col:nth-of-type(1) { float: right; width: 54.7916666667%; }
  .lookbook-24s-1st--layout1 > .col:nth-of-type(2) { float: left; margin: 24.8958333333vw 0 0 10.1041666667%; width: 26.0416666667%; }
  .lookbook-24s-1st--layout1 > .col:nth-of-type(3) { float: left; margin: 9.375vw 0 0 19.1145833333%; width: 26.0416666667%; }
  .lookbook-24s-1st--layout1 > .col:nth-of-type(3) .movie { padding-bottom: 56%; }
  .lookbook-24s-1st--layout2 { margin-top: 230px; width: calc(54.7916666667% + 40px); max-width: inherit; /*max-width: 1092px;*/ }
  .lookbook-24s-1st--layout2 > .col:nth-of-type(2) { margin: 70px auto 0; width: 57.7946768061%; }
  .lookbook-24s-1st--layout3 { margin-top: 200px; }
  .lookbook-24s-1st--layout3::after { content: ''; clear: both; display: block; }
  .lookbook-24s-1st--layout3 > .col:nth-of-type(1) { float: left; width: 45.2083333333%; }
  .lookbook-24s-1st--layout3 > .col:nth-of-type(1) .movie { padding-bottom: 139.631336406%; }
  .lookbook-24s-1st--layout3 > .col:nth-of-type(2) { float: left; margin: 7.03125vw 0 0 14.6354166667%; width: 26.0416666667%; }
  .lookbook-24s-1st--layout3 > .col:nth-of-type(3) { float: left; margin: 5.20833333333vw 0 0 6.14583333333%; width: 19.0104166667%; }
  .lookbook-24s-1st--layout4 { margin-top: 170px; }
  .lookbook-24s-1st--layout4 > .col:nth-of-type(1) .info { margin-right: auto; margin-left: auto; width: 89.5833333333%; }
  .lookbook-24s-1st--layout5 { margin-top: 100px; width: calc(54.7916666667% + 40px); max-width: inherit; /*max-width: 1092px;*/ }
  .lookbook-24s-1st--layout5 > .col:nth-of-type(1) { margin: 0 auto; width: 73.0038022814%; }
  .lookbook-24s-1st--layout5 > .col:nth-of-type(1) .movie { padding-bottom: 139.583333333%; }
  .lookbook-24s-1st--layout6 { margin-top: 310px; width: calc(54.7916666667% + 40px); max-width: inherit; /*max-width: 1092px;*/ }
  .lookbook-24s-1st--layout6 > .col:nth-of-type(2) { margin-top: 200px; }
  .lookbook-24s-1st--layout7 { display: flex; justify-content: space-between; margin-top: 100px; width: calc(54.7916666667% + 40px); max-width: inherit; /*max-width: 1092px;*/ }
  .lookbook-24s-1st--layout7 > .col:nth-of-type(1) { width: 47.5285171103%; }
  .lookbook-24s-1st--layout7 > .col:nth-of-type(2) { margin-top: 5.20833333333vw; width: 47.5285171103%; }
  .lookbook-24s-1st--layout8 { margin-top: 200px; width: calc(54.7916666667% + 40px); max-width: inherit; /*max-width: 1092px;*/ }
  .lookbook-24s-1st--layout8 > .col:nth-of-type(2) { margin: 150px auto 0; width: 34.1254752852%; }
}

/* 24spring　2nd */
.lookbook-24s-2nd { position: relative; }
.lookbook-24s-2nd--main .movie { padding-bottom: 56.25%; background: none; }

@media screen and (max-width: 767px) {
  .lookbook-24s-2nd { padding-bottom: 66px; }
  .lookbook-24s-2nd .info { margin-top: 2px; }
  .lookbook-24s-2nd--layout1 { margin-top: 30px; }
  .lookbook-24s-2nd--layout1 > .col:nth-of-type(1) .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-24s-2nd--layout2 { margin-top: 40px; }
  .lookbook-24s-2nd--layout2 > .col:nth-of-type(1) .movie { padding-bottom: 139.733333333%; }
  .lookbook-24s-2nd--layout2 > .col:nth-of-type(2) { margin: 30px 0 0 auto; width: 78.4%; }
  .lookbook-24s-2nd--layout2 > .col:nth-of-type(3) { margin: 40px auto 0; width: 46.1333333333%; }
  .lookbook-24s-2nd--layout3 { margin-top: 80px; }
  .lookbook-24s-2nd--layout3 > .col:nth-of-type(1) .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-24s-2nd--layout3 > .col:nth-of-type(2) { margin: 20px 0 0 auto; width: 64.5333333333%; }
  .lookbook-24s-2nd--layout3 > .col:nth-of-type(3) { margin: 30px auto 0 0; width: 64.5333333333%; }
  .lookbook-24s-2nd--layout3 > .col:nth-of-type(3) .info { margin-left: 10.6666666667%; }
  .lookbook-24s-2nd--layout4 { margin-top: 40px; }
  .lookbook-24s-2nd--layout4 > .col:nth-of-type(1) .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-24s-2nd--layout5 { margin-top: 54px; }
  .lookbook-24s-2nd--layout5 > .col:nth-of-type(2) { margin-top: 10px; }
  .lookbook-24s-2nd--layout5 > .col:nth-of-type(2) .info { margin: 4px auto 0; width: 78.6666666667%; }
  .lookbook-24s-2nd--layout5 > .col:nth-of-type(2) .name,
  .lookbook-24s-2nd--layout5 > .col:nth-of-type(2) .code { line-height: 1.41666666667; }
  .lookbook-24s-2nd--layout5 > .col:nth-of-type(2) .name + .code { margin-top: 0; }
  .lookbook-24s-2nd--layout6 { margin-top: 24px; }
  .lookbook-24s-2nd--layout6 > .col:nth-of-type(1) .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-24s-2nd--layout6 > .col:nth-of-type(2) { margin: 30px 0 0 auto; width: 64.5333333333%; }
  .lookbook-24s-2nd--layout6 > .col:nth-of-type(3) { margin-top: 20px; width: 64.5333333333%; }
  .lookbook-24s-2nd--layout7 { margin-top: 80px; }
  .lookbook-24s-2nd--layout7 > .col:nth-of-type(1) .movie { padding-bottom: 150%; }
  .lookbook-24s-2nd--layout7 > .col:nth-of-type(1) .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-24s-2nd--layout7 > .col:nth-of-type(2) { margin: 30px auto 0; width: 64.5333333333%; }
  .lookbook-24s-2nd--layout8 { margin-top: 80px; }
  .lookbook-24s-2nd--layout8 > .col:nth-of-type(1) .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-24s-2nd--layout8 > .col:nth-of-type(2) { margin: 74px auto 0; width: 48%; }
  .lookbook-24s-2nd .page-top { display: none; }
}

@media screen and (min-width: 768px) {
  .lookbook-24s-2nd .info { margin-top: 6px; }
  .lookbook-24s-2nd--layout1 { margin-top: 150px; width: calc(40% + 40px); max-width: inherit; /* max-width: 808px; */ }
  .lookbook-24s-2nd--layout2 { margin-top: 56px; width: calc(74.4791666667% + 40px); max-width: inherit; /* max-width: 1470px; */ }
  .lookbook-24s-2nd--layout2::after { content: ''; clear: both; display: block; }
  .lookbook-24s-2nd--layout2 > .col:nth-of-type(1) { float: left; margin-top: 11.8229166667vw; width: 47.6923076923%; }
  .lookbook-24s-2nd--layout2 > .col:nth-of-type(1) .movie { padding-bottom: 140.029325513%; }
  .lookbook-24s-2nd--layout2 > .col:nth-of-type(2) { float: right; width: 41.958041958%; }
  .lookbook-24s-2nd--layout2 > .col:nth-of-type(3) { float: right; margin: 6.35416666667vw 13.2167832168% 0 0; width: 16.9230769231%; }
  .lookbook-24s-2nd--layout3 { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 200px; width: calc(54.7916666667% + 40px); max-width: inherit; /*max-width: 1092px;*/ }
  .lookbook-24s-2nd--layout3 > .col:nth-of-type(1) { order: 1; width: 100%; }
  .lookbook-24s-2nd--layout3 > .col:nth-of-type(2) { order: 3; width: 47.5285171103%; }
  .lookbook-24s-2nd--layout3 > .col:nth-of-type(3) { order: 2; margin-top: 140px; width: 47.5285171103%; }
  .lookbook-24s-2nd--layout4 { margin-top: 170px; width: calc(54.7916666667% + 40px); max-width: inherit; /*max-width: 1092px;*/ }
  .lookbook-24s-2nd--layout5 { display: flex; margin-top: 200px; }
  .lookbook-24s-2nd--layout5 > .col:nth-of-type(1) { width: 50%; }
  .lookbook-24s-2nd--layout5 > .col:nth-of-type(2) { width: 50%; text-align: right; }
  .lookbook-24s-2nd--layout5 > .col:nth-of-type(2) .info { display: inline-block; margin-right: 5.20833333333vw; text-align: left; vertical-align: top; }
  .lookbook-24s-2nd--layout6 { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 200px; width: calc(54.7916666667% + 40px); max-width: inherit; /*max-width: 1092px;*/ }
  .lookbook-24s-2nd--layout6 > .col:nth-of-type(1) { width: 100%; }
  .lookbook-24s-2nd--layout6 > .col:nth-of-type(2) { margin-top: 140px; width: 47.5285171103%; }
  .lookbook-24s-2nd--layout6 > .col:nth-of-type(3) { width: 47.5285171103%; }
  .lookbook-24s-2nd--layout7 { display: flex; margin-top: 250px; }
  .lookbook-24s-2nd--layout7 > .col:nth-of-type(1) { width: 40%; }
  .lookbook-24s-2nd--layout7 > .col:nth-of-type(1) .movie { padding-bottom: 150%; }
  .lookbook-24s-2nd--layout7 > .col:nth-of-type(1) .info { margin-left: 5.20833333333vw; }
  .lookbook-24s-2nd--layout7 > .col:nth-of-type(2) { margin: 18.0729166667vw 0 0 7.23958333333%; width: 40%; }
  .lookbook-24s-2nd--layout8 { margin-top: 200px; width: calc(54.7916666667% + 40px); max-width: inherit; /*max-width: 1092px;*/ }
  .lookbook-24s-2nd--layout8 > .col:nth-of-type(2) { margin: 150px auto 0; width: 34.1254752852%; }
}

/* 24spring　fall */
.lookbook-24s-fall { position: relative; }
.lookbook-24s-fall--main .movie { padding-bottom: 56.25%; background: none; }

@media screen and (max-width: 767px) {
  .lookbook-24s-fall { padding-bottom: 70px; }
  .lookbook-24s-fall .info { margin-top: 4px; }
  .lookbook-24s-fall--layout1 { margin-top: 70px; }
  .lookbook-24s-fall--layout1 > .col:nth-of-type(1) .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-24s-fall--layout2 { margin-top: 78px; }
  .lookbook-24s-fall--layout2 > .col:nth-of-type(1) .info { display: none; }
  .lookbook-24s-fall--layout2 > .col:nth-of-type(2) { margin: 40px 0 0 auto; width: 82.4%; }
  .lookbook-24s-fall--layout2 > .col:nth-of-type(3) { margin: 60px auto 0; width: 64.5333333333%; }
  .lookbook-24s-fall--layout3 { margin-top: 100px; }
  .lookbook-24s-fall--layout3 > .col:nth-of-type(1) .info { display: none; }
  .lookbook-24s-fall--layout3 > .col:nth-of-type(2) { margin-top: 50px; }
  .lookbook-24s-fall--layout3 > .col:nth-of-type(2) .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-24s-fall--layout3 > .col:nth-of-type(3) { margin-top: 80px; }
  .lookbook-24s-fall--layout3 > .col:nth-of-type(3) .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-24s-fall--layout4 { display: flex; flex-flow: column-reverse; margin-top: 80px; }
  .lookbook-24s-fall--layout4 > .col:nth-of-type(1) { margin: 30px 0 0 25.0666666667%; width: 64.2666666667%; }
  .lookbook-24s-fall--layout4 > .col:nth-of-type(2) { width: 64.2666666667%; }
  .lookbook-24s-fall--layout5 { margin-top: 80px; }
  .lookbook-24s-fall--layout5 > .col:nth-of-type(1) .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-24s-fall--layout6 { margin-top: 80px; }
  .lookbook-24s-fall--layout6 > .col:nth-of-type(1) { margin-left: auto; width: 64.2666666667%; }
  .lookbook-24s-fall--layout6 > .col:nth-of-type(1) .info { display: none; }
  .lookbook-24s-fall--layout6 > .col:nth-of-type(2) { margin: 30px 0 0 10.6666666667%; width: 64.2666666667%; }
  .lookbook-24s-fall--layout7 { margin-top: 80px; }
  .lookbook-24s-fall--layout7 > .col:nth-of-type(1) .info { display: none; }
  .lookbook-24s-fall--layout7 > .col:nth-of-type(2) { margin: 70px auto 0; width: 78.6666666667%; }
  .lookbook-24s-fall .page-top { display: none; }
}

@media screen and (min-width: 768px) {
  .lookbook-24s-fall .info { margin-top: 8px; }
  .lookbook-24s-fall--layout1 { margin-top: 250px; }
  .lookbook-24s-fall--layout1 > .col:nth-of-type(1) { margin: 0 auto; width: 54.4791666667%; }
  .lookbook-24s-fall--layout2 { margin-top: 250px; }
  .lookbook-24s-fall--layout2 > .col:nth-of-type(1) { width: 70%; }
  .lookbook-24s-fall--layout2 > .col:nth-of-type(1) .info { margin-left: 5.20833333333%; }
  .lookbook-24s-fall--layout2 > .col:nth-of-type(2) { margin: 50px 0 0 auto; width: 51.3541666667%; }
  .lookbook-24s-fall--layout2 > .col:nth-of-type(2) .info { display: none; }
  .lookbook-24s-fall--layout2 > .col:nth-of-type(3) { margin: 200px 0 0 10.8333333333%; width: 47.3958333333%; }
  .lookbook-24s-fall--layout3 { margin-top: 300px; }
  .lookbook-24s-fall--layout3 > .col:nth-of-type(1) .info { margin-right: 5.20833333333%; margin-left: 5.20833333333%; }
  .lookbook-24s-fall--layout3 > .col:nth-of-type(2) { margin: 50px 5.20833333333% 0 auto; width: 43.4375%; }
  .lookbook-24s-fall--layout3 > .col:nth-of-type(2) .info { display: none; }
  .lookbook-24s-fall--layout3 > .col:nth-of-type(3) { margin-top: 300px; width: 70%; }
  .lookbook-24s-fall--layout3 > .col:nth-of-type(3) .info { margin-left: 5.20833333333%; }
  .lookbook-24s-fall--layout4 { display: flex; justify-content: space-between; margin: 250px auto 0; width: 77.8125%; }
  .lookbook-24s-fall--layout4 > .col:nth-of-type(1) { margin-top: 5.26041666667vw; width: 48.2597054886%; }
  .lookbook-24s-fall--layout4 > .col:nth-of-type(2) { width: 48.2597054886%; }
  .lookbook-24s-fall--layout5 { margin-top: 250px; }
  .lookbook-24s-fall--layout5 > .col:nth-of-type(1) { margin-right: auto; margin-left: auto; width: 54.4791666667%; }
  .lookbook-24s-fall--layout6 { display: flex; justify-content: space-between; margin: 250px auto 0; width: 77.8125%; }
  .lookbook-24s-fall--layout6 > .col:nth-of-type(1) { width: 48.2597054886%; }
  .lookbook-24s-fall--layout6 > .col:nth-of-type(2) { margin-top: 5.26041666667vw; width: 48.2597054886%; }
  .lookbook-24s-fall--layout6 > .col:nth-of-type(2) .info { display: none; }
  .lookbook-24s-fall--layout7 { margin-top: 300px; }
  .lookbook-24s-fall--layout7 > .col:nth-of-type(1) .info { margin-right: 5.20833333333%; margin-left: 5.20833333333%; }
  .lookbook-24s-fall--layout7 > .col:nth-of-type(2) { margin: 200px auto 0; width: 37.5520833333%; }
  .lookbook-24s-fall--layout7 > .col:nth-of-type(2) .info { display: none; }
  .lookbook-24s-fall .page-top { margin-top: 250px; }
}

/* 24spring　winter */
.lookbook-24s-winter { position: relative; }
.lookbook-24s-winter--main .movie { padding-bottom: 56.25%; background: none; }

@media screen and (max-width: 767px) {
  .lookbook-24s-winter { padding-bottom: 70px; }
  .lookbook-24s-winter .info { margin-top: 4px; }
  .lookbook-24s-winter--layout1 { margin-top: 70px; }
  .lookbook-24s-winter--layout1 > .col:nth-of-type(1) .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-24s-winter--layout1 > .col:nth-of-type(2) { margin: 78px auto 0; width: 64.5333333333%; }
  .lookbook-24s-winter--layout2 { margin-top: 78px; }
  .lookbook-24s-winter--layout2 > .col:nth-of-type(1) { width: 78.6666666667%; }
  .lookbook-24s-winter--layout2 > .col:nth-of-type(1) .info { display: none; }
  .lookbook-24s-winter--layout2 > .col:nth-of-type(2) { margin: 30px 0 0 auto; width: 78.6666666667%; }
  .lookbook-24s-winter--layout3 { margin-top: 80px; }
  .lookbook-24s-winter--layout3 > .col:nth-of-type(1) .info { display: none; }
  .lookbook-24s-winter--layout3 > .col:nth-of-type(2) { margin-top: 50px; }
  .lookbook-24s-winter--layout3 > .col:nth-of-type(2) .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-24s-winter--layout4 { margin-top: 80px; }
  .lookbook-24s-winter--layout4 > .col:nth-of-type(1) { width: 89.6%; }
  .lookbook-24s-winter--layout4 > .col:nth-of-type(1) .info { display: none; }
  .lookbook-24s-winter--layout4 > .col:nth-of-type(2) { margin: 30px 0 0 auto; width: 89.6%; }
  .lookbook-24s-winter--layout5 { margin-top: 90px; }
  .lookbook-24s-winter--layout5 > .col:nth-of-type(1) .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-24s-winter--layout6 { display: flex; flex-flow: column-reverse; margin-top: 80px; }
  .lookbook-24s-winter--layout6 > .col:nth-of-type(1) { margin: 70px 0 0 auto; width: 78.6666666667%; }
  .lookbook-24s-winter--layout6 > .col:nth-of-type(2) .info { display: none; }
  .lookbook-24s-winter--layout7 { margin-top: 100px; }
  .lookbook-24s-winter--layout7 > .col:nth-of-type(1) .info { display: none; }
  .lookbook-24s-winter--layout7 > .col:nth-of-type(2) { margin: 70px auto 0; width: 78.6666666667%; }
  .lookbook-24s-winter .page-top { display: none; }
}

@media screen and (min-width: 768px) {
  .lookbook-24s-winter .info { margin-top: 8px; }
  .lookbook-24s-winter--layout1 { margin-top: 250px; }
  .lookbook-24s-winter--layout1 > .col:nth-of-type(1) { width: 70%; }
  .lookbook-24s-winter--layout1 > .col:nth-of-type(1) .info { margin-right: 5.20833333333%; margin-left: 5.20833333333%; }
  .lookbook-24s-winter--layout1 > .col:nth-of-type(2) { margin: 206px auto 0; width: 47.3958333333%; }
  .lookbook-24s-winter--layout2 { display: flex; flex-flow: row-reverse; justify-content: space-between; margin: 250px 0 0 auto; width: 87.0833333333%; }
  .lookbook-24s-winter--layout2 > .col:nth-of-type(1) { width: 55.8612440191%; }
  .lookbook-24s-winter--layout2 > .col:nth-of-type(2) { margin-top: 36.8229166667vw; width: 37.5598086124%; }
  .lookbook-24s-winter--layout2 > .col:nth-of-type(2) .info { display: none; }
  .lookbook-24s-winter--layout3 { margin-top: 300px; }
  .lookbook-24s-winter--layout3 > .col:nth-of-type(1) .info { margin-right: 5.20833333333%; margin-left: 5.20833333333%; }
  .lookbook-24s-winter--layout3 > .col:nth-of-type(2) { margin: 178px auto 0; width: 54.4791666667%; }
  .lookbook-24s-winter--layout3 > .col:nth-of-type(2) .info { display: none; }
  .lookbook-24s-winter--layout4 { margin-top: 300px; }
  .lookbook-24s-winter--layout4 > .col:nth-of-type(1) { width: 70%; }
  .lookbook-24s-winter--layout4 > .col:nth-of-type(1) .info { margin-left: 5.20833333333%; }
  .lookbook-24s-winter--layout4 > .col:nth-of-type(2) { margin: 50px 0 0 auto; width: 51.3541666667%; }
  .lookbook-24s-winter--layout4 > .col:nth-of-type(2) .info { display: none; }
  .lookbook-24s-winter--layout5 { margin-top: 300px; }
  .lookbook-24s-winter--layout6 { display: flex; justify-content: space-between; margin-top: 300px; }
  .lookbook-24s-winter--layout6 > .col:nth-of-type(1) { margin-top: 28.6458333333vw; width: 48.6458333333%; }
  .lookbook-24s-winter--layout6 > .col:nth-of-type(1) .info { display: none; }
  .lookbook-24s-winter--layout6 > .col:nth-of-type(2) { width: 48.6458333333%; }
  .lookbook-24s-winter--layout6 > .col:nth-of-type(2) .info { margin-right: 5.20833333333%; text-align: right; }
  .lookbook-24s-winter--layout6 > .col:nth-of-type(2) .info-frame { display: inline-block; text-align: left; vertical-align: top; }
  .lookbook-24s-winter--layout7 { margin-top: 300px; }
  .lookbook-24s-winter--layout7 > .col:nth-of-type(1) .info { margin-right: 5.20833333333%; margin-left: 5.20833333333%; }
  .lookbook-24s-winter--layout7 > .col:nth-of-type(2) { margin: 200px auto 0; width: 37.5520833333%; }
  .lookbook-24s-winter--layout7 > .col:nth-of-type(2) .info { display: none; }
  .lookbook-24s-winter .page-top { margin-top: 250px; }
}

/* 25spring */
.lookbook-25-spring { position: relative; }

@media screen and (max-width: 767px) {
  .lookbook-25-spring { padding-bottom: 70px; }
  .lookbook-25-spring .info { margin-top: 4px; }
  .lookbook-25-spring--layout1 { margin-top: 80px; }
  .lookbook-25-spring--layout1 > .col { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-25-spring--layout2 { margin-top: 80px; }
  .lookbook-25-spring--layout2 > .col:nth-of-type(1) { width: 57.8666666667%; }
  .lookbook-25-spring--layout2 > .col:nth-of-type(1) .info { display: none; }
  .lookbook-25-spring--layout2 > .col:nth-of-type(2) { margin: 20px 0 0 auto; width: 78.6666666667%; }
  .lookbook-25-spring--layout3 { margin-top: 100px; }
  .lookbook-25-spring--layout4 { margin-top: 120px; }
  .lookbook-25-spring--layout4 > .col { margin-left: auto; width: 89.3333333333%; }
  .lookbook-25-spring--layout5 { margin-top: 110px; }
  .lookbook-25-spring--layout5 > .col:nth-of-type(2) { margin-top: 90px; width: 66.4%; }
  .lookbook-25-spring--layout5 > .col:nth-of-type(3) { margin: 60px 0 0 auto; width: 72.8%; }
  .lookbook-25-spring--layout6 { margin-top: 140px; }
  .lookbook-25-spring--layout6 > .col .photo { width: 78.6666666667%; }
  .lookbook-25-spring--layout6 > .col .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-25-spring--layout7 { margin-top: 60px; }
  .lookbook-25-spring--layout8 { margin-top: 170px; }
  .lookbook-25-spring--layout8 > .col .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-25-spring--layout9 { margin-top: 80px; }
  .lookbook-25-spring--layout9 > .col:nth-of-type(1) { margin-right: auto; margin-left: auto; width: 70.4%; }
  .lookbook-25-spring .page-top { display: none; }
}

@media screen and (min-width: 768px) {
  .lookbook-25-spring .info { margin-top: 8px; }
  .lookbook-25-spring--layout1 { margin-top: 350px; }
  .lookbook-25-spring--layout1 > .col { margin-right: auto; margin-left: auto; width: 54.4791666667%; }
  .lookbook-25-spring--layout2 { display: flex; justify-content: space-between; margin: 300px 0 0 auto; width: 88.6979166667%; }
  .lookbook-25-spring--layout2 > .col:nth-of-type(1) { width: 38.1092190252%; }
  .lookbook-25-spring--layout2 > .col:nth-of-type(2) { margin-top: 27.1875vw; width: 48.9724016442%; }
  .lookbook-25-spring--layout2 > .col:nth-of-type(2) .info { display: none; }
  .lookbook-25-spring--layout3 { margin-top: 400px; }
  .lookbook-25-spring--layout4 { margin-top: 400px; }
  .lookbook-25-spring--layout4 > .col { margin-left: auto; width: 70%; }
  .lookbook-25-spring--layout5 { display: flex; flex-wrap: wrap; margin-top: 220px; }
  .lookbook-25-spring--layout5 > .col:nth-of-type(1) { width: 54.4791666667%; }
  .lookbook-25-spring--layout5 > .col:nth-of-type(2) { margin: 58.2291666667vw 0 0 9.375%; width: 25.9375%; }
  .lookbook-25-spring--layout5 > .col:nth-of-type(3) { margin: 360px 0 0 42.4479166667%; width: 44.3229166667%; }
  .lookbook-25-spring--layout6 { margin-top: 360px; }
  .lookbook-25-spring--layout6 > .col { margin-left: 5.20833333333%; width: 63.59375%; }
  .lookbook-25-spring--layout7 { margin-top: 420px; }
  .lookbook-25-spring--layout7 > .col { margin-right: auto; margin-left: auto; width: 54.4791666667%; }
  .lookbook-25-spring--layout8 { margin-top: 550px; }
  .lookbook-25-spring--layout8 > .col .info { margin-right: 5.20833333333%; margin-left: 5.20833333333%; }
  .lookbook-25-spring--layout9 { margin-top: 250px; }
  .lookbook-25-spring--layout9 > .col { margin-right: auto; margin-left: auto; width: 37.5520833333%; }
  .lookbook-25-spring .page-top { margin-top: 250px; }
}

/* 25summer */
.lookbook-25-summer { position: relative; }

@media screen and (max-width: 767px) {
  .lookbook-25-summer { padding-bottom: 70px; }
  .lookbook-25-summer .info { margin-top: 4px; }
  .lookbook-25-summer--layout1 { display: flex; flex-flow: row-reverse; justify-content: space-between; margin-top: 80px; }
  .lookbook-25-summer--layout1 > .col:nth-of-type(1) { width: 50.1333333333%; z-index: 2; }
  .lookbook-25-summer--layout1 > .col:nth-of-type(1) .info { position: absolute; bottom: 25px; right: 10.6666666667vw; white-space: nowrap; }
  .lookbook-25-summer--layout1 > .col:nth-of-type(2) { margin-top: 57.0666666667vw; width: 47.2%; }
  .lookbook-25-summer--layout2 { margin-top: 120px; }
  .lookbook-25-summer--layout2 > .col { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-25-summer--layout3 { margin-top: 80px; }
  .lookbook-25-summer--layout3 > .col:nth-of-type(1) { width: 61.8666666667%; }
  .lookbook-25-summer--layout3 > .col:nth-of-type(1) .info { display: none; }
  .lookbook-25-summer--layout3 > .col:nth-of-type(2) { margin-top: 20px; margin-left: auto; width: 71.7333333333%; }
  .lookbook-25-summer--layout4 { margin-top: 117px; }
  .lookbook-25-summer--layout4 > .col .info { display: none; }
  .lookbook-25-summer--layout5 { margin-top: 80px; }
  .lookbook-25-summer--layout5 > .col .photo { width: 78.6666666667%; }
  .lookbook-25-summer--layout5 > .col .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-25-summer--layout6 { margin-top: 106px; }
  .lookbook-25-summer--layout6 > .col { margin-left: auto; width: 76%; }
  .lookbook-25-summer--layout7 { margin-top: 70px; }
  .lookbook-25-summer--layout7 > .col .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-25-summer--layout8 { margin-top: 88px; }
  .lookbook-25-summer--layout8 > .col .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-25-summer--layout9 { margin-top: 116px; }
  .lookbook-25-summer--layout9 > .col .info { margin-right: auto; margin-left: auto; width: 78.6666666667%; }
  .lookbook-25-summer--layout10 { margin-top: 86px; }
  .lookbook-25-summer--layout10 > .col { margin-right: auto; margin-left: auto; width: 70.4%; }
  .lookbook-25-summer .page-top { display: none; }
}

@media screen and (min-width: 768px) {
  .lookbook-25-summer .info { margin-top: 8px; }
  .lookbook-25-summer--layout1 { display: flex; flex-flow: row-reverse; justify-content: flex-end; margin-top: 350px; }
  .lookbook-25-summer--layout1 > .col:nth-of-type(1) { margin-left: 3.54166666667vw; width: 43.4375%; }
  .lookbook-25-summer--layout1 > .col:nth-of-type(2) { margin: 37.5vw 0 0 11.3020833333vw; width: 33.8020833333%; }
  .lookbook-25-summer--layout2 { margin-top: 350px; }
  .lookbook-25-summer--layout2 > .col { margin-right: auto; margin-left: auto; width: 54.4791666667%; }
  .lookbook-25-summer--layout3 { display: flex; margin-top: 300px; }
  .lookbook-25-summer--layout3 > .col:nth-of-type(1) { margin-left: 12.7083333333vw; width: 35.9375%; }
  .lookbook-25-summer--layout3 > .col:nth-of-type(2) { margin: 25.5729166667vw 0 0 10.5729166667vw; width: 25.9375%; }
  .lookbook-25-summer--layout3 > .col:nth-of-type(2) .info { display: none; }
  .lookbook-25-summer--layout4 { margin-top: 400px; }
  .lookbook-25-summer--layout4 > .col .info { margin-right: 5.20833333333%; margin-left: 5.20833333333%; }
  .lookbook-25-summer--layout5 { margin-top: 350px; }
  .lookbook-25-summer--layout5 > .col { margin-right: auto; margin-left: auto; width: 54.4791666667%; }
  .lookbook-25-summer--layout5 > .col .info { display: none; }
  .lookbook-25-summer--layout6 { margin-top: 450px; }
  .lookbook-25-summer--layout6 > .col { margin-left: 42.4479166667vw; width: 44.3229166667%; }
  .lookbook-25-summer--layout7 { margin-top: 330px; }
  .lookbook-25-summer--layout7 > .col { margin-left: 5.20833333333vw; width: 63.59375%; }
  .lookbook-25-summer--layout8 { margin-top: 400px; }
  .lookbook-25-summer--layout8 > .col { margin-right: auto; margin-left: auto; width: 54.4791666667%; }
  .lookbook-25-summer--layout9 { margin-top: 450px; }
  .lookbook-25-summer--layout9 > .col .info { margin-right: 5.20833333333%; margin-left: 5.20833333333%; }
  .lookbook-25-summer--layout10 { margin-top: 250px; }
  .lookbook-25-summer--layout10 > .col { margin-right: auto; margin-left: auto; width: 37.5520833333%; }
  .lookbook-25-summer .page-top { margin-top: 250px; }
}

/* 25fall */
.lookbook-25-fall { position: relative; }

@media screen and (max-width: 767px) {
  .lookbook-25-fall { padding-bottom: 70px; }
  .lookbook-25-fall .info { margin-top: 4px; }
  .lookbook-25-fall .info .name { line-height: 1.4166666666; }
  .lookbook-25-fall .info .code { margin-top: 0; line-height: 1.4166666666; }
  .lookbook-25-fall--layout1 { margin-top: 80px; }
  .lookbook-25-fall--layout1 > .col:nth-of-type(1) { margin: 0 auto; width: 78.6666666666%; }
  .lookbook-25-fall--layout2 { margin-top: 90px; }
  .lookbook-25-fall--layout2 > .col:nth-of-type(1) { width: 57.8666666666%; }
  .lookbook-25-fall--layout2 > .col:nth-of-type(1) .info { display: none; }
  .lookbook-25-fall--layout2 > .col:nth-of-type(2) { margin: 20px 0 0 auto; width: 78.6666666666%; }
  .lookbook-25-fall--layout3 { margin-top: 110px; }
  .lookbook-25-fall--layout4 { margin-top: 100px; }
  .lookbook-25-fall--layout4 > .col:nth-of-type(1) .info { padding-left: 6.93333333333vw; }
  .lookbook-25-fall--layout5 { margin-top: 60px; }
  .lookbook-25-fall--layout5 > .col:nth-of-type(1) { margin-left: auto; width: 78.6666666666%; }
  .lookbook-25-fall--layout6 { margin-top: 60px; }
  .lookbook-25-fall--layout6 > .col:nth-of-type(1) { display: none; }
  .lookbook-25-fall--layout6 > .col:nth-of-type(2) { width: 78.6666666666%; }
  .lookbook-25-fall--layout6 > .col:nth-of-type(2) .info { padding-left: 3.73333333333vw; }
  .lookbook-25-fall--layout7 { display: flex; flex-flow: column; margin-top: 110px; }
  .lookbook-25-fall--layout7 > .col:nth-of-type(1),
  .lookbook-25-fall--layout7 > .col:nth-of-type(3),
  .lookbook-25-fall--layout7 > .col:nth-of-type(4) { display: none; }
  .lookbook-25-fall--layout7 > .col:nth-of-type(2) { order: 2; margin: 50px auto 0; width: 78.6666666666%; }
  .lookbook-25-fall--layout7 > .col:nth-of-type(5) { order: 1; }
  .lookbook-25-fall--layout7 > .col:nth-of-type(5) .info { display: none; }
  .lookbook-25-fall--layout8 { margin-top: 110px; }
  .lookbook-25-fall--layout8 > .col:nth-of-type(1) { margin-left: auto; width: 78.6666666666%; }
  .lookbook-25-fall--layout9 { margin-top: 70px; }
  .lookbook-25-fall--layout9 > .col:nth-of-type(1) { margin: 0 auto; width: 78.6666666666%; }
  .lookbook-25-fall .page-top { display: none; }
}

@media screen and (min-width: 768px) {
  .lookbook-25-fall .info { margin-top: 10px; }
  .lookbook-25-fall .info .name { line-height: 1.35714285714; }
  .lookbook-25-fall .info .code { margin-top: 0; line-height: 1.35714285714; }
  .lookbook-25-fall--layout1 { margin-top: 400px; }
  .lookbook-25-fall--layout1 > .col:nth-of-type(1) { margin: 0 auto; width: 54.4791666666%; }
  .lookbook-25-fall--layout2 { display: flex; justify-content: center; margin-top: 400px; }
  .lookbook-25-fall--layout2 > .col:nth-of-type(1) { margin-top: 13.0208333333vw; width: 43.4375%; }
  .lookbook-25-fall--layout2 > .col:nth-of-type(2) { margin-left: 2.7083333333vw; width: 43.4375%; }
  .lookbook-25-fall--layout2 > .col:nth-of-type(2) .info { display: none; }
  .lookbook-25-fall--layout3 { margin-top: 350px; }
  .lookbook-25-fall--layout4 { margin-top: 400px; }
  .lookbook-25-fall--layout4 > .col:nth-of-type(1) { margin: 0 auto; width: 54.4791666666%; }
  .lookbook-25-fall--layout5 { margin-top: 350px; }
  .lookbook-25-fall--layout5 > .col:nth-of-type(1) .info { padding: 0 5.2083333333vw; }
  .lookbook-25-fall--layout6 { display: flex; justify-content: center; margin-top: 350px; }
  .lookbook-25-fall--layout6 > .col:nth-of-type(1) { margin-top: 13.0208333333vw; width: 43.4375%; }
  .lookbook-25-fall--layout6 > .col:nth-of-type(2) { margin-left: 2.7083333333vw; width: 43.4375%; }
  .lookbook-25-fall--layout6 > .col:nth-of-type(2) .info { display: none; }
  .lookbook-25-fall--layout7 { display: flex; flex-wrap: wrap; margin-top: 350px; }
  .lookbook-25-fall--layout7 > .col:nth-of-type(-n+3) { width: calc(100% / 3); }
  .lookbook-25-fall--layout7 > .col:nth-of-type(-n+3) .info { display: none; }
  .lookbook-25-fall--layout7 > .col:nth-of-type(4) { margin-top: 180px; }
  .lookbook-25-fall--layout7 > .col:nth-of-type(5) { margin: 350px auto 0; width: 54.4791666666%; }
  .lookbook-25-fall--layout8 { margin-top: 320px; }
  .lookbook-25-fall--layout8 > .col:nth-of-type(1) { width: 54.4791666666%; }
  .lookbook-25-fall--layout9 { margin-top: 150px; }
  .lookbook-25-fall--layout9 > .col:nth-of-type(1) { margin-left: auto; width: 54.4791666666%; }
  .lookbook-25-fall .page-top { margin-top: 160px; }
}

/* 25winter */
.lookbook-25-winter { position: relative; }

@media screen and (max-width: 767px) {
  .lookbook-25-winter { padding-bottom: 70px; }
  .lookbook-25-winter .info { margin-top: 4px; }
  .lookbook-25-winter .info .name { line-height: 1.4166666666; }
  .lookbook-25-winter .info .code { margin-top: 0; line-height: 1.4166666666; }
  .lookbook-25-winter--layout1 { margin-top: 80px; }
  .lookbook-25-winter--layout1 > .col:nth-of-type(1) { margin: 0 auto; width: 78.6666666666%; }
  .lookbook-25-winter--layout2 { margin-top: 70px; }
  .lookbook-25-winter--layout2 > .col:nth-of-type(1) { margin-left: 18.9333333333vw; width: 70.4%; }
  .lookbook-25-winter--layout2 > .col:nth-of-type(1) .info { display: none; }
  .lookbook-25-winter--layout2 > .col:nth-of-type(2) { margin-top: 20px; width: 70.4%; }
  .lookbook-25-winter--layout2 > .col:nth-of-type(2) .info { padding-left: 10.6666666666vw; }
  .lookbook-25-winter--layout3 { margin-top: 40px; }
  .lookbook-25-winter--layout3 > .col:nth-of-type(1) { margin: 0 auto; width: 48.2666666666%; }
  .lookbook-25-winter--layout4 { margin-top: 100px; }
  .lookbook-25-winter--layout5 { margin-top: 50px; }
  .lookbook-25-winter--layout5 > .col:nth-of-type(1) { margin: 0 auto; width: 78.6666666666%; }
  .lookbook-25-winter--layout6 { margin-top: 70px; }
  .lookbook-25-winter--layout6 > .col:nth-of-type(1) { margin-left: auto; width: 70.4%; }
  .lookbook-25-winter--layout6 > .col:nth-of-type(1) .info { display: none; }
  .lookbook-25-winter--layout6 > .col:nth-of-type(2) { margin: 20px 0 0 10.6666666666vw; width: 70.4%; }
  .lookbook-25-winter--layout7 { margin-top: 80px; }
  .lookbook-25-winter--layout7 > .col:nth-of-type(1) .info { padding: 0 10.6666666666vw; }
  .lookbook-25-winter--layout8 { display: flex; flex-flow: column; margin-top: 80px; }
  .lookbook-25-winter--layout8 > .col:nth-of-type(1) { order: 2; margin-top: 20px; width: 70.4%; }
  .lookbook-25-winter--layout8 > .col:nth-of-type(1) .info { padding-left: 10.6666666666vw; }
  .lookbook-25-winter--layout8 > .col:nth-of-type(2) { orphans: 1; margin-left: 18.9333333333vw; width: 70.4%; }
  .lookbook-25-winter--layout8 > .col:nth-of-type(2) .info { display: none; }
  .lookbook-25-winter--layout9 { margin-top: 56px; }
  .lookbook-25-winter--layout10 { margin-top: 80px; }
  .lookbook-25-winter--layout10 > .col:nth-of-type(1) { margin: 0 auto; width: 78.6666666666%; }
  .lookbook-25-winter .page-top { display: none; }
}

@media screen and (min-width: 768px) {
  .lookbook-25-winter .info { margin-top: 10px; }
  .lookbook-25-winter .info .name { line-height: 1.35714285714; }
  .lookbook-25-winter .info .code { margin-top: 0; line-height: 1.35714285714; }
  .lookbook-25-winter--layout1 { margin-top: 450px; }
  .lookbook-25-winter--layout1 > .col:nth-of-type(1) { margin: 0 auto; width: 54.4791666666%; }
  .lookbook-25-winter--layout2 { display: flex; justify-content: center; margin-top: 400px; }
  .lookbook-25-winter--layout2 > .col:nth-of-type(1) { margin-top: 15.625vw; width: 43.4375%; }
  .lookbook-25-winter--layout2 > .col:nth-of-type(2) { margin-left: 2.7083333333vw; width: 43.4375%; }
  .lookbook-25-winter--layout2 > .col:nth-of-type(2) .info { display: none; }
  .lookbook-25-winter--layout3 { margin-top: 350px; }
  .lookbook-25-winter--layout3 > .col:nth-of-type(1) { margin: 0 auto; width: 54.4791666666%; }
  .lookbook-25-winter--layout4 { margin-top: 450px; }
  .lookbook-25-winter--layout5 { margin-top: 350px; }
  .lookbook-25-winter--layout5 > .col:nth-of-type(1) { margin: 0 auto; width: 54.4791666666%; }
  .lookbook-25-winter--layout6 { display: flex; justify-content: center; margin-top: 400px; }
  .lookbook-25-winter--layout6 > .col:nth-of-type(1) { width: 43.4375%; }
  .lookbook-25-winter--layout6 > .col:nth-of-type(2) { margin: 15.625vw 0 0 2.7083333333vw; width: 43.4375%; }
  .lookbook-25-winter--layout6 > .col:nth-of-type(2) .info { display: none; }
  .lookbook-25-winter--layout7 { margin-top: 490px; }
  .lookbook-25-winter--layout7 > .col:nth-of-type(1) .info { padding: 0 5.2083333333vw; }
  .lookbook-25-winter--layout8 { display: flex; justify-content: center; margin-top: 400px; }
  .lookbook-25-winter--layout8 > .col:nth-of-type(1) { margin-top: 15.625vw; width: 43.4375%; }
  .lookbook-25-winter--layout8 > .col:nth-of-type(2) { margin-left: 2.7083333333vw; width: 43.4375%; }
  .lookbook-25-winter--layout8 > .col:nth-of-type(2) .info { display: none; }
  .lookbook-25-winter--layout9 { margin-top: 450px; }
  .lookbook-25-winter--layout10 { margin-top: 400px; }
  .lookbook-25-winter--layout10 > .col:nth-of-type(1) { margin: 0 auto; width: 54.4791666666%; }
  .lookbook-25-winter .page-top { margin-top: 390px; }
}